@layer tokens {
  :root {
    color-scheme: light;

    /* Palette: semantic roles, not duplicated color aliases from the export. */
    --color-white: #ffffff;
    --color-surface: #ffffff;
    --color-surface-soft: #f4f7f9;
    --color-surface-tint: #ebf0f5;
    --color-surface-blue: #ecf4ff;
    --background-blue-fade: linear-gradient(
      to bottom,
      color-mix(in srgb, var(--color-surface-blue) 60%, transparent),
      transparent 50%
    );
    --color-primary: #0b3056;
    --color-primary-deep: #001b37;
    --color-primary-hover: #16426f;
    --color-accent: #186298;
    --color-accent-soft: #dceaf9;
    --color-text: #101d28;
    --color-muted: #52616f;
    --color-border: #d5dee5;
    --color-border-strong: #8393a3;
    --color-inverse: #0d1e30;
    --color-inverse-text: #ffffff;
    --color-inverse-muted: #c0d0e1;
    --color-inverse-border: #36516b;
    --color-panel-text: #d6e4f3;
    --color-panel-accent: #87c3ff;
    --color-heading-accent: #0260b5;
    --color-panel-tint: rgb(255 255 255 / 10%);
    --color-footer-background: var(--color-primary-deep);
    --color-footer-standards: color-mix(in srgb, var(--color-accent-soft) 10%, #0d141c);
    --color-footer-tag: color-mix(in srgb, var(--color-accent-soft) 20%, var(--color-footer-standards));
    --color-footer-bottom: var(--color-primary-deep);
    --color-highlight: #a94312;
    --color-highlight-soft: #fff2e8;
    --color-positive: #256339;
    --color-positive-soft: #edf6ef;
    --color-error: #b42318;
    --color-error-soft: #fff0ee;
    --color-focus: #186298;

    /* Two system families; headings share the main UI font. No webfont downloads. */
    --font-body: "Segoe UI", Arial, sans-serif;
    --font-heading: var(--font-body);
    --font-mono: Consolas, "Courier New", monospace;
    --text-label: 0.6875rem;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-compact: 0.9375rem;
    --text-base: 1rem;
    --text-lead: 1.125rem;
    --text-heading-sm: 1.25rem;
    --text-heading-md: 1.5rem;
    --text-heading-lg: clamp(1.5rem, 1.2rem + 0.8vw, 2rem);
    --text-heading-xl: clamp(1.875rem, 1.4rem + 1.3vw, 2.5rem);
    --text-display: clamp(2.25rem, 1.5rem + 2.2vw, 3.5rem);
    --line-body: 1.65;
    --line-heading: 1.16;
    --tracking-heading: -0.025em;

    /* Shared 4/8px rhythm. */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --container-max: 1400px;
    --page-gutter: clamp(1rem, 3vw, 2rem);
    --section-space: clamp(3.5rem, 6vw, 6rem);
    --grid-gap: clamp(1rem, 2vw, 1.5rem);
    --card-padding: clamp(1.25rem, 2.2vw, 2rem);
    --header-offset: 9rem;
    --brand-logo-height: 64px;
    --brand-logo-compact-width: 120px;
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --border-width: 1px;
    --shadow-card: 0 2px 6px rgb(11 48 86 / 4%);
    --shadow-panel: 0 4px 6px -1px rgb(0 0 0 / 10%),
      0 2px 4px -2px rgb(0 0 0 / 10%);
    --shadow-header: 0 2px 12px rgb(11 48 86 / 6%);
    --duration-fast: 160ms;
    --ease-standard: ease-out;
    --z-header: 30;
    --z-skip-link: 40;
  }
}