/* Generated from docs/brand/tokens.json by `python manage.py build_tokens`. Do not edit by hand. */

:root {
  color-scheme: light;
  --brand-ink: #0B1B2B;
  --brand-midnight: #13263A;
  --brand-paper: #F6F4EF;
  --brand-emerald: #0B6E4F;
  --brand-emerald-deep: #0A5C42;
  --brand-mint: #8FD9BC;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F4F3EF;
  --band: #0B1B2B;
  --text: #0B1B2B;
  --text-muted: #4A5A6B;
  --text-on-band: #F3F1EC;
  --text-on-band-muted: #A9B6C6;
  --accent-text: #0B6E4F;
  --accent-fill: #0B6E4F;
  --accent-fill-hover: #0A5C42;
  --on-accent: #FFFFFF;
  --accent-on-band: #8FD9BC;
  --line: #E3E1DA;
  --line-control: #6F7C8B;
  --line-on-band: #2A4058;
  --focus: #0B6E4F;
  --danger: #B42318;
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --type-display-xl-size: 64px;
  --type-display-xl-line-height: 70px;
  --type-display-xl-weight: 500;
  --type-display-xl-tracking: -0.02em;
  --type-display-lg-size: 52px;
  --type-display-lg-line-height: 58px;
  --type-display-lg-weight: 500;
  --type-display-lg-tracking: -0.018em;
  --type-h1-size: 42px;
  --type-h1-line-height: 48px;
  --type-h1-weight: 500;
  --type-h1-tracking: -0.015em;
  --type-h2-size: 32px;
  --type-h2-line-height: 40px;
  --type-h2-weight: 500;
  --type-h2-tracking: -0.01em;
  --type-h3-size: 22px;
  --type-h3-line-height: 30px;
  --type-h3-weight: 500;
  --type-h4-size: 18px;
  --type-h4-line-height: 26px;
  --type-h4-weight: 600;
  --type-lead-size: 20px;
  --type-lead-line-height: 32px;
  --type-lead-weight: 400;
  --type-body-size: 17px;
  --type-body-line-height: 28px;
  --type-body-weight: 400;
  --type-body-sm-size: 15px;
  --type-body-sm-line-height: 24px;
  --type-body-sm-weight: 400;
  --type-label-size: 14px;
  --type-label-line-height: 20px;
  --type-label-weight: 600;
  --type-label-tracking: 0.01em;
  --type-caption-size: 13px;
  --type-caption-line-height: 18px;
  --type-caption-weight: 400;
  --type-data-size: 14px;
  --type-data-line-height: 20px;
  --type-data-weight: 400;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --shadow-raised: 0 1px 2px rgba(11,27,43,0.05), 0 8px 24px rgba(11,27,43,0.06);
  --measure: 72ch;
  --container: 1240px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #0B1B2B;
    --surface-raised: #13263A;
    --surface-sunken: #081522;
    --band: #162C43;
    --text: #F3F1EC;
    --text-muted: #A9B6C6;
    --text-on-band: #F3F1EC;
    --text-on-band-muted: #A9B6C6;
    --accent-text: #8FD9BC;
    --accent-fill: #8FD9BC;
    --accent-fill-hover: #A9E3CC;
    --on-accent: #0B1B2B;
    --line: #22384F;
    --line-control: #7F93A8;
    --line-on-band: #2F4A66;
    --focus: #8FD9BC;
    --danger: #FF8A7A;
    --shadow-raised: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.3);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #0B1B2B;
  --surface-raised: #13263A;
  --surface-sunken: #081522;
  --band: #162C43;
  --text: #F3F1EC;
  --text-muted: #A9B6C6;
  --text-on-band: #F3F1EC;
  --text-on-band-muted: #A9B6C6;
  --accent-text: #8FD9BC;
  --accent-fill: #8FD9BC;
  --accent-fill-hover: #A9E3CC;
  --on-accent: #0B1B2B;
  --line: #22384F;
  --line-control: #7F93A8;
  --line-on-band: #2F4A66;
  --focus: #8FD9BC;
  --danger: #FF8A7A;
  --shadow-raised: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.3);
}