/* Bridge Bootstrap variables to the LSS token contract. */
:root {
  --bs-body-bg: rgb(var(--bg.rgb, 248 250 252));
  --bs-body-color: rgb(var(--fg.rgb, 17 24 39));
  --bs-body-font-family: var(--layout.body.font, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);

  --bs-primary-rgb: var(--brand.accent.rgb, 0 122 255);
  --bs-primary: rgb(var(--brand.accent.rgb, 0 122 255));
  --bs-link-color: rgb(var(--brand.accent.rgb, 0 122 255));
  --bs-link-hover-color: rgb(var(--brand.accent.secondary.rgb, 15 96 181));

  --bs-success-rgb: var(--semantic.positive.rgb, 22 163 74);
  --bs-success: rgb(var(--semantic.positive.rgb, 22 163 74));
  --bs-info-rgb: var(--semantic.info.rgb, 59 130 246);
  --bs-info: rgb(var(--semantic.info.rgb, 59 130 246));
  --bs-warning-rgb: var(--semantic.caution.rgb, 234 179 8);
  --bs-warning: rgb(var(--semantic.caution.rgb, 234 179 8));
  --bs-danger-rgb: var(--semantic.negative.rgb, 220 38 38);
  --bs-danger: rgb(var(--semantic.negative.rgb, 220 38 38));

  --bs-border-color: rgb(var(--border.subtle.rgb, 226 232 240));
  --bs-border-radius: var(--radius.md, 8px);
  --bs-border-radius-lg: var(--radius.lg, 12px);
  --bs-secondary-bg: rgb(var(--surface.alt.rgb, 243 244 246));
  --bs-secondary-color: rgb(var(--fg.subtle.rgb, 75 85 99));
}

html[data-theme$="-dark"] {
  --bs-body-bg: rgb(var(--bg.rgb, 15 23 42));
  --bs-body-color: rgb(var(--fg.rgb, 226 232 240));
  --bs-link-color: rgb(var(--brand.accent.rgb, 56 189 248));
  --bs-link-hover-color: rgb(var(--brand.accent.secondary.rgb, 14 165 233));
  --bs-border-color: rgb(var(--border.subtle.rgb, 51 65 85));
  --bs-secondary-bg: rgb(var(--surface.alt.rgb, 22 30 49));
  --bs-secondary-color: rgb(var(--fg.subtle.rgb, 148 163 184));
}