/* GENERATED by web/build.mjs from core/tokens.json — do not edit by hand. */

/* Primitives and mode-invariant roles. Never redeclared per mode. */
:root {
  --c-navy: #002650;
  --c-navy-500: #002650;
  --c-navy-100: #D9DEE5;
  --c-navy-125: #CCD4DC;
  --c-navy-150: #B3BECB;
  --c-navy-175: #99A8B9;
  --c-navy-200: #73889F;
  --c-navy-300: #4D6785;
  --c-navy-400: #26476A;
  --c-navy-600: #002044;
  --c-navy-700: #001D3C;
  --c-navy-800: #000D1C;
  --c-navy-900: #00060C;
  --c-navy-lighter: #73889F;
  --c-navy-light: #4D6785;
  --c-navy-dark: #002044;
  --c-navy-darker: #001D3C;
  --c-blue: #0066FF;
  --c-blue-500: #0066FF;
  --c-blue-100: #D9E8FF;
  --c-blue-125: #CCE0FF;
  --c-blue-150: #B3D1FF;
  --c-blue-175: #99C2FF;
  --c-blue-200: #73ABFF;
  --c-blue-300: #4D94FF;
  --c-blue-400: #267DFF;
  --c-blue-600: #0057D9;
  --c-blue-700: #004DBF;
  --c-blue-800: #002459;
  --c-blue-900: #000F26;
  --c-blue-lighter: #73ABFF;
  --c-blue-light: #4D94FF;
  --c-blue-dark: #0057D9;
  --c-blue-darker: #004DBF;
  --c-green: #25C023;
  --c-green-500: #25C023;
  --c-green-100: #DEF6DE;
  --c-green-125: #D3F2D3;
  --c-green-150: #BEECBD;
  --c-green-175: #A8E6A7;
  --c-green-200: #87DC86;
  --c-green-300: #66D365;
  --c-green-400: #46C944;
  --c-green-600: #1FA31E;
  --c-green-700: #1C901A;
  --c-green-800: #0D430C;
  --c-green-900: #061D05;
  --c-green-lighter: #87DC86;
  --c-green-light: #66D365;
  --c-green-dark: #1FA31E;
  --c-green-darker: #1C901A;
  --c-red: #DA3C00;
  --c-red-500: #DA3C00;
  --c-red-100: #F9E2D9;
  --c-red-125: #F8D8CC;
  --c-red-150: #F4C5B3;
  --c-red-175: #F0B199;
  --c-red-200: #EB9473;
  --c-red-300: #E5774D;
  --c-red-400: #E05926;
  --c-red-600: #B93300;
  --c-red-700: #A42D00;
  --c-red-800: #4C1500;
  --c-red-900: #210900;
  --c-red-lighter: #EB9473;
  --c-red-light: #E5774D;
  --c-red-dark: #B93300;
  --c-red-darker: #A42D00;
  --c-orange: #F57023;
  --c-orange-500: #F57023;
  --c-orange-100: #FEEADE;
  --c-orange-125: #FDE2D3;
  --c-orange-150: #FCD4BD;
  --c-orange-175: #FBC6A7;
  --c-orange-200: #FAB086;
  --c-orange-300: #F89B65;
  --c-orange-400: #F78544;
  --c-orange-600: #D05F1E;
  --c-orange-700: #B8541A;
  --c-orange-800: #56270C;
  --c-orange-900: #251105;
  --c-orange-lighter: #FAB086;
  --c-orange-light: #F89B65;
  --c-orange-dark: #D05F1E;
  --c-orange-darker: #B8541A;
  --c-purple: #9933FF;
  --c-purple-500: #9933FF;
  --c-purple-100: #F0E0FF;
  --c-purple-125: #EBD6FF;
  --c-purple-150: #E0C2FF;
  --c-purple-175: #D6ADFF;
  --c-purple-200: #C78FFF;
  --c-purple-300: #B870FF;
  --c-purple-400: #A852FF;
  --c-purple-600: #822BD9;
  --c-purple-700: #7326BF;
  --c-purple-800: #361259;
  --c-purple-900: #170826;
  --c-purple-lighter: #C78FFF;
  --c-purple-light: #B870FF;
  --c-purple-dark: #822BD9;
  --c-purple-darker: #7326BF;
  --c-yellow: #FFC700;
  --c-yellow-500: #FFC700;
  --c-yellow-100: #FFF7D9;
  --c-yellow-125: #FFF4CC;
  --c-yellow-150: #FFEEB3;
  --c-yellow-175: #FFE999;
  --c-yellow-200: #FFE073;
  --c-yellow-300: #FFD84D;
  --c-yellow-400: #FFCF26;
  --c-yellow-600: #D9A900;
  --c-yellow-700: #BF9500;
  --c-yellow-800: #594600;
  --c-yellow-900: #261E00;
  --c-yellow-lighter: #FFE073;
  --c-yellow-light: #FFD84D;
  --c-yellow-dark: #D9A900;
  --c-yellow-darker: #BF9500;
  --c-pink: #FF00E5;
  --c-pink-500: #FF00E5;
  --c-pink-100: #FFD9FB;
  --c-pink-125: #FFCCFA;
  --c-pink-150: #FFB3F7;
  --c-pink-175: #FF99F5;
  --c-pink-200: #FF73F1;
  --c-pink-300: #FF4DED;
  --c-pink-400: #FF26E9;
  --c-pink-600: #D900C3;
  --c-pink-700: #BF00AC;
  --c-pink-800: #590050;
  --c-pink-900: #260022;
  --c-pink-lighter: #FF73F1;
  --c-pink-light: #FF4DED;
  --c-pink-dark: #D900C3;
  --c-pink-darker: #BF00AC;
  --c-gray: #6C757D;
  --c-gray-500: #6C757D;
  --c-gray-100: #E9EAEC;
  --c-gray-125: #E2E3E5;
  --c-gray-150: #D3D6D8;
  --c-gray-175: #C4C8CB;
  --c-gray-200: #AEB3B8;
  --c-gray-300: #989EA4;
  --c-gray-400: #828A91;
  --c-gray-600: #5C636A;
  --c-gray-700: #51585E;
  --c-gray-800: #26292C;
  --c-gray-900: #101213;
  --c-gray-lighter: #AEB3B8;
  --c-gray-light: #989EA4;
  --c-gray-dark: #5C636A;
  --c-gray-darker: #51585E;
  --c-white: #FFFFFF;
  --c-black: #000000;
  --c-charcoal: #414042;
  --c-offwhite: #F7F7F7;
  --c-tint: #FAFAFA;
  --c-band-gray: #F5F5F5;
  --c-ink-soft: #5B595C;
  --c-border-light: #E0E0E0;
  --c-logo-gray: #858585;
  --c-primary: #0066FF;
  --c-primary-100: #D9E8FF;
  --c-primary-125: #CCE0FF;
  --c-primary-150: #B3D1FF;
  --c-primary-175: #99C2FF;
  --c-primary-200: #73ABFF;
  --c-primary-300: #4D94FF;
  --c-primary-400: #267DFF;
  --c-primary-600: #0057D9;
  --c-primary-700: #004DBF;
  --c-primary-800: #002459;
  --c-primary-900: #000F26;
  --c-primary-lighter: #73ABFF;
  --c-primary-light: #4D94FF;
  --c-primary-dark: #0057D9;
  --c-primary-darker: #004DBF;
  --c-primary-hover: #0057D9;
  --c-secondary: #6C757D;
  --c-secondary-100: #E9EAEC;
  --c-secondary-125: #E2E3E5;
  --c-secondary-150: #D3D6D8;
  --c-secondary-175: #C4C8CB;
  --c-secondary-200: #AEB3B8;
  --c-secondary-300: #989EA4;
  --c-secondary-400: #828A91;
  --c-secondary-600: #5C636A;
  --c-secondary-700: #51585E;
  --c-secondary-800: #26292C;
  --c-secondary-900: #101213;
  --c-secondary-lighter: #AEB3B8;
  --c-secondary-light: #989EA4;
  --c-secondary-dark: #5C636A;
  --c-secondary-darker: #51585E;
  --c-tertiary: #FF00E5;
  --c-tertiary-100: #FFD9FB;
  --c-tertiary-125: #FFCCFA;
  --c-tertiary-150: #FFB3F7;
  --c-tertiary-175: #FF99F5;
  --c-tertiary-200: #FF73F1;
  --c-tertiary-300: #FF4DED;
  --c-tertiary-400: #FF26E9;
  --c-tertiary-600: #D900C3;
  --c-tertiary-700: #BF00AC;
  --c-tertiary-800: #590050;
  --c-tertiary-900: #260022;
  --c-tertiary-lighter: #FF73F1;
  --c-tertiary-light: #FF4DED;
  --c-tertiary-dark: #D900C3;
  --c-tertiary-darker: #BF00AC;
  --c-cta: #25C023;
  --c-cta-100: #DEF6DE;
  --c-cta-125: #D3F2D3;
  --c-cta-150: #BEECBD;
  --c-cta-175: #A8E6A7;
  --c-cta-200: #87DC86;
  --c-cta-300: #66D365;
  --c-cta-400: #46C944;
  --c-cta-600: #1FA31E;
  --c-cta-700: #1C901A;
  --c-cta-800: #0D430C;
  --c-cta-900: #061D05;
  --c-cta-lighter: #87DC86;
  --c-cta-light: #66D365;
  --c-cta-dark: #1FA31E;
  --c-cta-darker: #1C901A;
  --c-cta-hover: #1FA31E;
  --c-success: #25C023;
  --c-success-100: #DEF6DE;
  --c-success-125: #D3F2D3;
  --c-success-150: #BEECBD;
  --c-success-175: #A8E6A7;
  --c-success-200: #87DC86;
  --c-success-300: #66D365;
  --c-success-400: #46C944;
  --c-success-600: #1FA31E;
  --c-success-700: #1C901A;
  --c-success-800: #0D430C;
  --c-success-900: #061D05;
  --c-success-lighter: #87DC86;
  --c-success-light: #66D365;
  --c-success-dark: #1FA31E;
  --c-success-darker: #1C901A;
  --c-danger: #DA3C00;
  --c-danger-100: #F9E2D9;
  --c-danger-125: #F8D8CC;
  --c-danger-150: #F4C5B3;
  --c-danger-175: #F0B199;
  --c-danger-200: #EB9473;
  --c-danger-300: #E5774D;
  --c-danger-400: #E05926;
  --c-danger-600: #B93300;
  --c-danger-700: #A42D00;
  --c-danger-800: #4C1500;
  --c-danger-900: #210900;
  --c-danger-lighter: #EB9473;
  --c-danger-light: #E5774D;
  --c-danger-dark: #B93300;
  --c-danger-darker: #A42D00;
  --c-warning: #F57023;
  --c-warning-100: #FEEADE;
  --c-warning-125: #FDE2D3;
  --c-warning-150: #FCD4BD;
  --c-warning-175: #FBC6A7;
  --c-warning-200: #FAB086;
  --c-warning-300: #F89B65;
  --c-warning-400: #F78544;
  --c-warning-600: #D05F1E;
  --c-warning-700: #B8541A;
  --c-warning-800: #56270C;
  --c-warning-900: #251105;
  --c-warning-lighter: #FAB086;
  --c-warning-light: #F89B65;
  --c-warning-dark: #D05F1E;
  --c-warning-darker: #B8541A;
  --c-info: #6C757D;
  --c-info-100: #E9EAEC;
  --c-info-125: #E2E3E5;
  --c-info-150: #D3D6D8;
  --c-info-175: #C4C8CB;
  --c-info-200: #AEB3B8;
  --c-info-300: #989EA4;
  --c-info-400: #828A91;
  --c-info-600: #5C636A;
  --c-info-700: #51585E;
  --c-info-800: #26292C;
  --c-info-900: #101213;
  --c-info-lighter: #AEB3B8;
  --c-info-light: #989EA4;
  --c-info-dark: #5C636A;
  --c-info-darker: #51585E;
  --bg-dark: #002650;
  --bg-dark-alt: #000D1C;
  --bg-footer: #101213;
  --bg-dark-raised: #26476A;
  --bg-dark-sunken: #001D3C;
  --text-on-dark: #FFFFFF;
  --text-on-dark-secondary: #D9DEE5;
  --text-on-dark-muted: #B3BECB;
  --text-on-dark-accent: #25C023;
  --border-on-dark: #4D6785;
  --border-input-focus: #25C023;
  --bg-table-header: #002650;
  --text-table-header: #FFFFFF;
  --bg-table-hover: #0066FF;
  --text-table-hover: #FFFFFF;
  --bg-band: #F5F5F5;
  --text-body-soft: #5B595C;
  --font-heading: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body: Lato, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-1: 0.75rem;
  --fs-2: 0.875rem;
  --fs-3: 1rem;
  --fs-4: 1.125rem;
  --fs-5: 1.25rem;
  --fs-6: 1.5rem;
  --fs-7: 1.75rem;
  --fs-8: 2rem;
  --fs-9: 2.5rem;
  --fs-10: 3rem;
  --fs-11: 4rem;
  --fs-12: 5rem;
  --fs-13: 6rem;
  --fs-14: 7rem;
  --fs-15: 8rem;
  --lh-display: 1.05;
  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-normal: 1.5;
  --lh-relaxed: 1.62;
  --track-tighter: -0.03em;
  --track-tight: -0.02em;
  --track-snug: -0.01em;
  --track-normal: 0;
  --track-wide: 0.025em;
  --track-wider: 0.05em;
  --track-widest: 0.1em;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 80px;
  --space-8: 96px;
  --space-9: 128px;
  --space-10: 160px;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 18px;
  --radius-btn: 0;
  --radius-pill: 9999px;
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-offcanvas: 1045;
  --z-modal: 1055;
  --z-tooltip: 1080;
}

/* Light. Also the default: a consumer that never sets a theme and whose OS
   is light sees exactly the 0.6.0 contract, value for value. */
:root,
[data-theme="light"] {
  color-scheme: light;
  --bg-body: #FFFFFF;
  --bg-alt: #F7F7F7;
  --bg-tint: #FAFAFA;
  --bg-accent: #D9DEE5;
  --bg-raised: #FFFFFF;
  --bg-placeholder: #D3D6D8;
  --text-heading: #414042;
  --text-body: #414042;
  --text-muted: #5C636A;
  --text-link: #0057D9;
  --text-on-accent: #002650;
  --border-card: #E0E0E0;
  --border-input: #E0E0E0;
  --border-divider: #E0E0E0;
  --text-muted-extra: #828A91;
  --bg-input: #FFFFFF;
  --bg-table-alt: #D3D6D8;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 6%);
  --shadow-md: 0 4px 12px -2px rgb(0 0 0 / 10%);
  --shadow-lg: 0 8px 24px -4px rgb(0 0 0 / 12%);
  --shadow-xl: 0 16px 48px -8px rgb(0 0 0 / 18%);
  --ink-primary: var(--c-primary);
  --ink-primary-strong: var(--c-primary-dark);
  --ink-primary-fill: var(--c-white);
  --ink-primary-tint: var(--c-primary-darker);
  --ink-primary-page: var(--c-primary-darker);
  --surface-primary-tint: var(--c-primary-100);
  --surface-primary-tint-hover: var(--c-primary-150);
  --border-primary-tint: var(--c-primary-200);
  --fill-primary-hover: var(--c-primary-dark);
  --fill-primary-active: var(--c-primary-darker);
  --ink-secondary: var(--c-secondary);
  --ink-secondary-strong: var(--c-secondary-dark);
  --ink-secondary-fill: var(--c-white);
  --ink-secondary-tint: var(--c-secondary-darker);
  --ink-secondary-page: var(--c-secondary-darker);
  --surface-secondary-tint: var(--c-secondary-100);
  --surface-secondary-tint-hover: var(--c-secondary-150);
  --border-secondary-tint: var(--c-secondary-200);
  --fill-secondary-hover: var(--c-secondary-dark);
  --fill-secondary-active: var(--c-secondary-darker);
  --ink-tertiary: var(--c-tertiary);
  --ink-tertiary-strong: var(--c-tertiary-dark);
  --ink-tertiary-fill: var(--c-navy);
  --ink-tertiary-tint: var(--text-body);
  --ink-tertiary-page: var(--c-tertiary-darker);
  --surface-tertiary-tint: var(--c-tertiary-100);
  --surface-tertiary-tint-hover: var(--c-tertiary-150);
  --border-tertiary-tint: var(--c-tertiary-200);
  --fill-tertiary-hover: var(--c-tertiary-400);
  --fill-tertiary-active: var(--c-tertiary-300);
  --ink-cta: var(--c-cta);
  --ink-cta-strong: var(--c-cta-dark);
  --ink-cta-fill: var(--c-white);
  --ink-cta-tint: var(--text-body);
  --ink-cta-page: var(--text-heading);
  --surface-cta-tint: var(--c-cta-100);
  --surface-cta-tint-hover: var(--c-cta-150);
  --border-cta-tint: var(--c-cta-200);
  --fill-cta-hover: var(--c-cta-dark);
  --fill-cta-active: var(--c-cta-darker);
  --ink-success: var(--c-success);
  --ink-success-strong: var(--c-success-dark);
  --ink-success-fill: var(--c-white);
  --ink-success-tint: var(--text-body);
  --ink-success-page: var(--text-heading);
  --surface-success-tint: var(--c-success-100);
  --surface-success-tint-hover: var(--c-success-150);
  --border-success-tint: var(--c-success-200);
  --fill-success-hover: var(--c-success-dark);
  --fill-success-active: var(--c-success-darker);
  --ink-danger: var(--c-danger);
  --ink-danger-strong: var(--c-danger-dark);
  --ink-danger-fill: var(--c-white);
  --ink-danger-tint: var(--c-danger-darker);
  --ink-danger-page: var(--c-danger-darker);
  --surface-danger-tint: var(--c-danger-100);
  --surface-danger-tint-hover: var(--c-danger-150);
  --border-danger-tint: var(--c-danger-200);
  --fill-danger-hover: var(--c-danger-dark);
  --fill-danger-active: var(--c-danger-darker);
  --ink-warning: var(--c-warning);
  --ink-warning-strong: var(--c-warning-dark);
  --ink-warning-fill: var(--c-navy);
  --ink-warning-tint: var(--text-body);
  --ink-warning-page: var(--c-warning-darker);
  --surface-warning-tint: var(--c-warning-100);
  --surface-warning-tint-hover: var(--c-warning-150);
  --border-warning-tint: var(--c-warning-200);
  --fill-warning-hover: var(--c-warning-400);
  --fill-warning-active: var(--c-warning-300);
  --ink-info: var(--c-info);
  --ink-info-strong: var(--c-info-dark);
  --ink-info-fill: var(--c-white);
  --ink-info-tint: var(--c-info-darker);
  --ink-info-page: var(--c-info-darker);
  --surface-info-tint: var(--c-info-100);
  --surface-info-tint-hover: var(--c-info-150);
  --border-info-tint: var(--c-info-200);
  --fill-info-hover: var(--c-info-dark);
  --fill-info-active: var(--c-info-darker);
}

/* Dark. Must follow the light block: both selectors match <html> at equal
   specificity when the root carries the attribute, so order decides. */
[data-theme="dark"] {
  color-scheme: dark;
  --bg-body: #002044;
  --bg-alt: #001D3C;
  --bg-tint: #002650;
  --bg-accent: #26476A;
  --bg-raised: #002650;
  --bg-placeholder: #26476A;
  --text-heading: #FFFFFF;
  --text-body: #D9DEE5;
  --text-muted: #B3BECB;
  --text-link: #B3D1FF;
  --text-on-accent: #FFFFFF;
  --border-card: #26476A;
  --border-input: #26476A;
  --border-divider: #26476A;
  --text-muted-extra: #989EA4;
  --bg-input: #002650;
  --bg-table-alt: #001D3C;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 40%);
  --shadow-md: 0 4px 12px -2px rgb(0 0 0 / 50%);
  --shadow-lg: 0 8px 24px -4px rgb(0 0 0 / 55%);
  --shadow-xl: 0 16px 48px -8px rgb(0 0 0 / 65%);
  --ink-primary: var(--c-primary-light);
  --ink-primary-strong: var(--c-primary-light);
  --ink-primary-fill: var(--c-white);
  --ink-primary-tint: var(--c-primary-light);
  --ink-primary-page: var(--c-primary-light);
  --surface-primary-tint: var(--c-primary-900);
  --surface-primary-tint-hover: var(--c-primary-800);
  --border-primary-tint: var(--c-primary-800);
  --fill-primary-hover: var(--c-primary-dark);
  --fill-primary-active: var(--c-primary-darker);
  --ink-secondary: var(--c-secondary-light);
  --ink-secondary-strong: var(--c-secondary-light);
  --ink-secondary-fill: var(--c-white);
  --ink-secondary-tint: var(--c-secondary-light);
  --ink-secondary-page: var(--c-secondary-light);
  --surface-secondary-tint: var(--c-secondary-900);
  --surface-secondary-tint-hover: var(--c-secondary-800);
  --border-secondary-tint: var(--c-secondary-800);
  --fill-secondary-hover: var(--c-secondary-dark);
  --fill-secondary-active: var(--c-secondary-darker);
  --ink-tertiary: var(--c-tertiary-light);
  --ink-tertiary-strong: var(--c-tertiary-light);
  --ink-tertiary-fill: var(--c-navy);
  --ink-tertiary-tint: var(--c-tertiary-light);
  --ink-tertiary-page: var(--c-tertiary-light);
  --surface-tertiary-tint: var(--c-tertiary-900);
  --surface-tertiary-tint-hover: var(--c-tertiary-800);
  --border-tertiary-tint: var(--c-tertiary-800);
  --fill-tertiary-hover: var(--c-tertiary-400);
  --fill-tertiary-active: var(--c-tertiary-300);
  --ink-cta: var(--c-cta-light);
  --ink-cta-strong: var(--c-cta-light);
  --ink-cta-fill: var(--c-white);
  --ink-cta-tint: var(--c-cta-light);
  --ink-cta-page: var(--c-cta-light);
  --surface-cta-tint: var(--c-cta-900);
  --surface-cta-tint-hover: var(--c-cta-800);
  --border-cta-tint: var(--c-cta-800);
  --fill-cta-hover: var(--c-cta-dark);
  --fill-cta-active: var(--c-cta-darker);
  --ink-success: var(--c-success-light);
  --ink-success-strong: var(--c-success-light);
  --ink-success-fill: var(--c-white);
  --ink-success-tint: var(--c-success-light);
  --ink-success-page: var(--c-success-light);
  --surface-success-tint: var(--c-success-900);
  --surface-success-tint-hover: var(--c-success-800);
  --border-success-tint: var(--c-success-800);
  --fill-success-hover: var(--c-success-dark);
  --fill-success-active: var(--c-success-darker);
  --ink-danger: var(--c-danger-light);
  --ink-danger-strong: var(--c-danger-light);
  --ink-danger-fill: var(--c-white);
  --ink-danger-tint: var(--c-danger-light);
  --ink-danger-page: var(--c-danger-light);
  --surface-danger-tint: var(--c-danger-900);
  --surface-danger-tint-hover: var(--c-danger-800);
  --border-danger-tint: var(--c-danger-800);
  --fill-danger-hover: var(--c-danger-dark);
  --fill-danger-active: var(--c-danger-darker);
  --ink-warning: var(--c-warning-light);
  --ink-warning-strong: var(--c-warning-light);
  --ink-warning-fill: var(--c-navy);
  --ink-warning-tint: var(--c-warning-light);
  --ink-warning-page: var(--c-warning-light);
  --surface-warning-tint: var(--c-warning-900);
  --surface-warning-tint-hover: var(--c-warning-800);
  --border-warning-tint: var(--c-warning-800);
  --fill-warning-hover: var(--c-warning-400);
  --fill-warning-active: var(--c-warning-300);
  --ink-info: var(--c-info-light);
  --ink-info-strong: var(--c-info-light);
  --ink-info-fill: var(--c-white);
  --ink-info-tint: var(--c-info-light);
  --ink-info-page: var(--c-info-light);
  --surface-info-tint: var(--c-info-900);
  --surface-info-tint-hover: var(--c-info-800);
  --border-info-tint: var(--c-info-800);
  --fill-info-hover: var(--c-info-dark);
  --fill-info-active: var(--c-info-darker);
}

/* System: no explicit choice anywhere, so follow the OS. Scoped to :root so
   it can never override a nested [data-theme=light] deeper in the page. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg-body: #002044;
    --bg-alt: #001D3C;
    --bg-tint: #002650;
    --bg-accent: #26476A;
    --bg-raised: #002650;
    --bg-placeholder: #26476A;
    --text-heading: #FFFFFF;
    --text-body: #D9DEE5;
    --text-muted: #B3BECB;
    --text-link: #B3D1FF;
    --text-on-accent: #FFFFFF;
    --border-card: #26476A;
    --border-input: #26476A;
    --border-divider: #26476A;
    --text-muted-extra: #989EA4;
    --bg-input: #002650;
    --bg-table-alt: #001D3C;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 40%);
    --shadow-md: 0 4px 12px -2px rgb(0 0 0 / 50%);
    --shadow-lg: 0 8px 24px -4px rgb(0 0 0 / 55%);
    --shadow-xl: 0 16px 48px -8px rgb(0 0 0 / 65%);
    --ink-primary: var(--c-primary-light);
    --ink-primary-strong: var(--c-primary-light);
    --ink-primary-fill: var(--c-white);
    --ink-primary-tint: var(--c-primary-light);
    --ink-primary-page: var(--c-primary-light);
    --surface-primary-tint: var(--c-primary-900);
    --surface-primary-tint-hover: var(--c-primary-800);
    --border-primary-tint: var(--c-primary-800);
    --fill-primary-hover: var(--c-primary-dark);
    --fill-primary-active: var(--c-primary-darker);
    --ink-secondary: var(--c-secondary-light);
    --ink-secondary-strong: var(--c-secondary-light);
    --ink-secondary-fill: var(--c-white);
    --ink-secondary-tint: var(--c-secondary-light);
    --ink-secondary-page: var(--c-secondary-light);
    --surface-secondary-tint: var(--c-secondary-900);
    --surface-secondary-tint-hover: var(--c-secondary-800);
    --border-secondary-tint: var(--c-secondary-800);
    --fill-secondary-hover: var(--c-secondary-dark);
    --fill-secondary-active: var(--c-secondary-darker);
    --ink-tertiary: var(--c-tertiary-light);
    --ink-tertiary-strong: var(--c-tertiary-light);
    --ink-tertiary-fill: var(--c-navy);
    --ink-tertiary-tint: var(--c-tertiary-light);
    --ink-tertiary-page: var(--c-tertiary-light);
    --surface-tertiary-tint: var(--c-tertiary-900);
    --surface-tertiary-tint-hover: var(--c-tertiary-800);
    --border-tertiary-tint: var(--c-tertiary-800);
    --fill-tertiary-hover: var(--c-tertiary-400);
    --fill-tertiary-active: var(--c-tertiary-300);
    --ink-cta: var(--c-cta-light);
    --ink-cta-strong: var(--c-cta-light);
    --ink-cta-fill: var(--c-white);
    --ink-cta-tint: var(--c-cta-light);
    --ink-cta-page: var(--c-cta-light);
    --surface-cta-tint: var(--c-cta-900);
    --surface-cta-tint-hover: var(--c-cta-800);
    --border-cta-tint: var(--c-cta-800);
    --fill-cta-hover: var(--c-cta-dark);
    --fill-cta-active: var(--c-cta-darker);
    --ink-success: var(--c-success-light);
    --ink-success-strong: var(--c-success-light);
    --ink-success-fill: var(--c-white);
    --ink-success-tint: var(--c-success-light);
    --ink-success-page: var(--c-success-light);
    --surface-success-tint: var(--c-success-900);
    --surface-success-tint-hover: var(--c-success-800);
    --border-success-tint: var(--c-success-800);
    --fill-success-hover: var(--c-success-dark);
    --fill-success-active: var(--c-success-darker);
    --ink-danger: var(--c-danger-light);
    --ink-danger-strong: var(--c-danger-light);
    --ink-danger-fill: var(--c-white);
    --ink-danger-tint: var(--c-danger-light);
    --ink-danger-page: var(--c-danger-light);
    --surface-danger-tint: var(--c-danger-900);
    --surface-danger-tint-hover: var(--c-danger-800);
    --border-danger-tint: var(--c-danger-800);
    --fill-danger-hover: var(--c-danger-dark);
    --fill-danger-active: var(--c-danger-darker);
    --ink-warning: var(--c-warning-light);
    --ink-warning-strong: var(--c-warning-light);
    --ink-warning-fill: var(--c-navy);
    --ink-warning-tint: var(--c-warning-light);
    --ink-warning-page: var(--c-warning-light);
    --surface-warning-tint: var(--c-warning-900);
    --surface-warning-tint-hover: var(--c-warning-800);
    --border-warning-tint: var(--c-warning-800);
    --fill-warning-hover: var(--c-warning-400);
    --fill-warning-active: var(--c-warning-300);
    --ink-info: var(--c-info-light);
    --ink-info-strong: var(--c-info-light);
    --ink-info-fill: var(--c-white);
    --ink-info-tint: var(--c-info-light);
    --ink-info-page: var(--c-info-light);
    --surface-info-tint: var(--c-info-900);
    --surface-info-tint-hover: var(--c-info-800);
    --border-info-tint: var(--c-info-800);
    --fill-info-hover: var(--c-info-dark);
    --fill-info-active: var(--c-info-darker);
  }
}