/* bdri/tokens.css - generated by tools/brand-tokens-export-css.py. DO NOT EDIT BY HAND. */
/* Source of truth: bdri/tokens.json. Regenerate after any token change. */

:root {
  /* ---- primitives ---- */
  --bdri-color-aquamarine: #00778B;
  --bdri-color-aquamarine-deep: #006072;
  --bdri-color-aquamarine-bright: #34BBD6;
  --bdri-color-aquamarine-tint: #E2F1F4;
  --bdri-color-gold: #FFC72C;
  --bdri-color-gold-deep: #8A6300;
  --bdri-color-gold-tint: #FFF4D6;
  --bdri-color-ink: #0E1A1D;
  --bdri-color-ink-soft: #182A2F;
  --bdri-color-ink-muted: #24373D;
  --bdri-color-white: #ffffff;
  --bdri-color-cloud: #F1F6F7;
  --bdri-color-mist: #F9FBFB;
  --bdri-color-quote-bg: #F4FAFB;
  --bdri-color-slate: #44525A;
  --bdri-color-steel: #5E6B73;
  --bdri-color-clay: #A8541C;
  --bdri-color-clay-bright: #E59A4A;
  --bdri-color-steel-light: #828E95;
  --bdri-size-caption: 12px;
  --bdri-size-small: 14px;
  --bdri-size-body: 16px;
  --bdri-size-body-lg: 18px;
  --bdri-size-h3: 24px;
  --bdri-size-h2: 32px;
  --bdri-size-h1: 40px;
  --bdri-size-display: 56px;
  --bdri-weight-regular: 400;
  --bdri-weight-semibold: 600;
  --bdri-weight-bold: 700;
  --bdri-lh-tight: 1.1;
  --bdri-lh-snug: 1.2;
  --bdri-lh-normal: 1.3;
  --bdri-lh-relaxed: 1.5;
  --bdri-lh-loose: 1.6;
  --bdri-track-tight: -0.02em;
  --bdri-track-snug: -0.01em;
  --bdri-track-normal: 0em;
  --bdri-track-wide: 0.02em;
  --bdri-space-1: 4px;
  --bdri-space-2: 8px;
  --bdri-space-3: 12px;
  --bdri-space-4: 16px;
  --bdri-space-5: 24px;
  --bdri-space-6: 32px;
  --bdri-space-7: 48px;
  --bdri-space-8: 64px;
  --bdri-space-9: 96px;
  --bdri-radius-sm: 4px;
  --bdri-radius-md: 6px;
  --bdri-radius-lg: 8px;
  --bdri-radius-xl: 12px;
  --bdri-radius-full: 9999px;
  --bdri-bw-thin: 1px;
  --bdri-bw-medium: 2px;
  --bdri-bw-thick: 3px;
  /* font families */
  --bdri-font-display: "Source Serif 4", Georgia, serif;
  --bdri-font-body: "Inter", system-ui, sans-serif;
  --bdri-font-mono: "JetBrains Mono", ui-monospace, monospace;
  /* ---- typography roles ---- */
  --bdri-text-display-family: var(--bdri-font-display);
  --bdri-text-display-size: 56px;
  --bdri-text-display-weight: 700;
  --bdri-text-display-lh: 1.1;
  --bdri-text-display-tracking: -0.02em;
  --bdri-text-h1-family: var(--bdri-font-display);
  --bdri-text-h1-size: 40px;
  --bdri-text-h1-weight: 700;
  --bdri-text-h1-lh: 1.1;
  --bdri-text-h1-tracking: -0.02em;
  --bdri-text-h2-family: var(--bdri-font-display);
  --bdri-text-h2-size: 32px;
  --bdri-text-h2-weight: 600;
  --bdri-text-h2-lh: 1.2;
  --bdri-text-h2-tracking: -0.01em;
  --bdri-text-h3-family: var(--bdri-font-body);
  --bdri-text-h3-size: 24px;
  --bdri-text-h3-weight: 600;
  --bdri-text-h3-lh: 1.3;
  --bdri-text-h3-tracking: 0em;
  --bdri-text-body-family: var(--bdri-font-body);
  --bdri-text-body-size: 16px;
  --bdri-text-body-weight: 400;
  --bdri-text-body-lh: 1.6;
  --bdri-text-body-tracking: 0em;
  --bdri-text-body-lg-family: var(--bdri-font-body);
  --bdri-text-body-lg-size: 18px;
  --bdri-text-body-lg-weight: 400;
  --bdri-text-body-lg-lh: 1.6;
  --bdri-text-body-lg-tracking: 0em;
  --bdri-text-small-family: var(--bdri-font-body);
  --bdri-text-small-size: 14px;
  --bdri-text-small-weight: 400;
  --bdri-text-small-lh: 1.5;
  --bdri-text-small-tracking: 0em;
  --bdri-text-caption-family: var(--bdri-font-body);
  --bdri-text-caption-size: 12px;
  --bdri-text-caption-weight: 400;
  --bdri-text-caption-lh: 1.5;
  --bdri-text-caption-tracking: 0.02em;
  --bdri-text-button-family: var(--bdri-font-body);
  --bdri-text-button-size: 16px;
  --bdri-text-button-weight: 600;
  --bdri-text-button-lh: 1.1;
  --bdri-text-button-tracking: 0.02em;
  --bdri-text-code-family: var(--bdri-font-mono);
  --bdri-text-code-size: 14px;
  --bdri-text-code-weight: 400;
  --bdri-text-code-lh: 1.5;
  --bdri-text-code-tracking: 0em;
  --bdri-text-quote-family: var(--bdri-font-body);
  --bdri-text-quote-size: 18px;
  --bdri-text-quote-weight: 400;
  --bdri-text-quote-lh: 1.5;
  --bdri-text-quote-tracking: 0em;
  /* ---- shadows ---- */
  --bdri-shadow-raised: 0px 2px 4px 0px #0000001a;
  --bdri-shadow-card: 0px 4px 12px 0px #00000021;
  --bdri-shadow-card-hover: 0px 4px 24px 0px #00000040;
  --bdri-shadow-modal: 0px 12px 48px 0px #00000052;
  /* ---- semantic spacing / radius / border ---- */
  --space-inset-xs: 4px;
  --space-inset-sm: 8px;
  --space-inset-md: 16px;
  --space-inset-lg: 32px;
  --space-inset-xl: 48px;
  --space-gap-xs: 8px;
  --space-gap-sm: 12px;
  --space-gap-md: 16px;
  --space-gap-lg: 24px;
  --space-gap-xl: 32px;
  --space-stack-section: 96px;
  --space-stack-section-mobile: 64px;
  --space-stack-block: 32px;
  --space-stack-paragraph: 16px;
  --radius-input: 4px;
  --radius-button: 6px;
  --radius-card: 8px;
  --radius-modal: 12px;
  --radius-pill: 9999px;
  --bw-divider: 1px;
  --bw-input-focus: 2px;
  --bw-accent: 3px;
  /* ---- attribution (footer-only) ---- */
  --color-attribution-ddigi: #7AC143;
  --color-attribution-leads: #29ABE2;
  /* ---- semantic colors: light register (default) ---- */
  --color-surface-default: #ffffff;
  --color-surface-subtle: #F1F6F7;
  --color-surface-muted: #F9FBFB;
  --color-surface-accent: #0E1A1D;
  --color-surface-callout-info: #E2F1F4;
  --color-surface-callout-highlight: #FFF4D6;
  --color-surface-quote: #F4FAFB;
  --color-text-default: #0E1A1D;
  --color-text-subtle: #44525A;
  --color-text-muted: #5E6B73;
  --color-text-inverted: #ffffff;
  --color-text-link: #006072;
  --color-accent-primary: #00778B;
  --color-accent-graphic: #FFC72C;
  --color-accent-warning: #A8541C;
  --color-border-default: #5E6B73;
  --color-border-subtle: #F1F6F7;
  --color-door-strong: #00778B;
  --color-door-developing: #FFC72C;
  --color-door-gap: #5E6B73;
}

[data-register="dark"] {
  /* ---- semantic colors: dark register ---- */
  --color-surface-default: #0E1A1D;
  --color-surface-subtle: #182A2F;
  --color-surface-muted: #24373D;
  --color-surface-accent: #ffffff;
  --color-surface-callout-info: #E2F1F4;
  --color-surface-callout-highlight: #FFF4D6;
  --color-surface-quote: #F4FAFB;
  --color-text-default: #ffffff;
  --color-text-subtle: #F1F6F7;
  --color-text-muted: #828E95;
  --color-text-inverted: #0E1A1D;
  --color-text-link: #34BBD6;
  --color-accent-primary: #34BBD6;
  --color-accent-graphic: #FFC72C;
  --color-accent-warning: #E59A4A;
  --color-border-default: #5E6B73;
  --color-border-subtle: #182A2F;
  --color-door-strong: #34BBD6;
  --color-door-developing: #FFC72C;
  --color-door-gap: #5E6B73;
}