/* 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: #1D2E66;
  --c-navy-500: #1D2E66;
  --c-navy-100: #E8EAF0;
  --c-navy-125: #DDE0E8;
  --c-navy-150: #C7CBD9;
  --c-navy-175: #A9B0C5;
  --c-navy-200: #99A1BA;
  --c-navy-300: #6C779C;
  --c-navy-400: #3F4D7D;
  --c-navy-600: #192757;
  --c-navy-700: #152149;
  --c-navy-800: #0D152E;
  --c-navy-900: #070C1A;
  --c-navy-lighter: #99A1BA;
  --c-navy-light: #6C779C;
  --c-navy-dark: #192757;
  --c-navy-darker: #152149;
  --c-pink: #FF3399;
  --c-pink-500: #FF3399;
  --c-pink-100: #FFEBF5;
  --c-pink-125: #FFE0F0;
  --c-pink-150: #FFCCE6;
  --c-pink-175: #FFB1D8;
  --c-pink-200: #FFA3D1;
  --c-pink-300: #FF7ABD;
  --c-pink-400: #FF52A8;
  --c-pink-600: #D92B82;
  --c-pink-700: #B8256E;
  --c-pink-800: #731745;
  --c-pink-900: #400D26;
  --c-pink-lighter: #FFA3D1;
  --c-pink-light: #FF7ABD;
  --c-pink-dark: #D92B82;
  --c-pink-darker: #B8256E;
  --c-mint: #A5F1EC;
  --c-mint-500: #A5F1EC;
  --c-mint-100: #F6FEFD;
  --c-mint-125: #F2FDFC;
  --c-mint-150: #E9FCFA;
  --c-mint-175: #DDFAF8;
  --c-mint-200: #D7F9F6;
  --c-mint-300: #C5F6F3;
  --c-mint-400: #B3F3EF;
  --c-mint-600: #8CCDC9;
  --c-mint-700: #77AEAA;
  --c-mint-800: #4A6C6A;
  --c-mint-900: #293C3B;
  --c-mint-lighter: #D7F9F6;
  --c-mint-light: #C5F6F3;
  --c-mint-dark: #8CCDC9;
  --c-mint-darker: #77AEAA;
  --c-purple: #91459A;
  --c-purple-500: #91459A;
  --c-purple-100: #F4ECF5;
  --c-purple-125: #EFE3F0;
  --c-purple-150: #E4D1E6;
  --c-purple-175: #D5B8D9;
  --c-purple-200: #CEABD2;
  --c-purple-300: #B886BD;
  --c-purple-400: #A261A9;
  --c-purple-600: #7B3B83;
  --c-purple-700: #68326F;
  --c-purple-800: #411F45;
  --c-purple-900: #241127;
  --c-purple-lighter: #CEABD2;
  --c-purple-light: #B886BD;
  --c-purple-dark: #7B3B83;
  --c-purple-darker: #68326F;
  --c-silver: #C8C8C8;
  --c-silver-500: #C8C8C8;
  --c-silver-100: #FAFAFA;
  --c-silver-125: #F7F7F7;
  --c-silver-150: #F1F1F1;
  --c-silver-175: #EAEAEA;
  --c-silver-200: #E6E6E6;
  --c-silver-300: #DBDBDB;
  --c-silver-400: #D0D0D0;
  --c-silver-600: #AAAAAA;
  --c-silver-700: #909090;
  --c-silver-800: #5A5A5A;
  --c-silver-900: #323232;
  --c-silver-lighter: #E6E6E6;
  --c-silver-light: #DBDBDB;
  --c-silver-dark: #AAAAAA;
  --c-silver-darker: #909090;
  --c-gray: #6B6F8C;
  --c-gray-500: #6B6F8C;
  --c-gray-100: #F0F1F4;
  --c-gray-125: #E9E9EE;
  --c-gray-150: #DADBE2;
  --c-gray-175: #C7C8D3;
  --c-gray-200: #BCBECB;
  --c-gray-300: #9FA1B4;
  --c-gray-400: #81859D;
  --c-gray-600: #5B5E77;
  --c-gray-700: #4D5065;
  --c-gray-800: #30323F;
  --c-gray-900: #1B1C23;
  --c-gray-lighter: #BCBECB;
  --c-gray-light: #9FA1B4;
  --c-gray-dark: #5B5E77;
  --c-gray-darker: #4D5065;
  --c-green: #13a310;
  --c-green-500: #13a310;
  --c-green-100: #E7F6E7;
  --c-green-125: #DCF1DB;
  --c-green-150: #C4E8C3;
  --c-green-175: #A5DCA4;
  --c-green-200: #95D693;
  --c-green-300: #66C364;
  --c-green-400: #36B134;
  --c-green-600: #108B0E;
  --c-green-700: #0E750C;
  --c-green-800: #094907;
  --c-green-900: #052904;
  --c-green-lighter: #95D693;
  --c-green-light: #66C364;
  --c-green-dark: #108B0E;
  --c-green-darker: #0E750C;
  --c-red: #f04a02;
  --c-red-500: #f04a02;
  --c-red-100: #FEEDE6;
  --c-red-125: #FDE4D9;
  --c-red-150: #FBD2C0;
  --c-red-175: #F9BA9F;
  --c-red-200: #F8AE8D;
  --c-red-300: #F5895B;
  --c-red-400: #F26528;
  --c-red-600: #CC3F02;
  --c-red-700: #AD3501;
  --c-red-800: #6C2101;
  --c-red-900: #3C1301;
  --c-red-lighter: #F8AE8D;
  --c-red-light: #F5895B;
  --c-red-dark: #CC3F02;
  --c-red-darker: #AD3501;
  --c-amber: #edc200;
  --c-amber-500: #edc200;
  --c-amber-100: #FDF9E6;
  --c-amber-125: #FCF6D9;
  --c-amber-150: #FBF0BF;
  --c-amber-175: #F8E89E;
  --c-amber-200: #F7E48C;
  --c-amber-300: #F3D759;
  --c-amber-400: #F0CB26;
  --c-amber-600: #C9A500;
  --c-amber-700: #AB8C00;
  --c-amber-800: #6B5700;
  --c-amber-900: #3B3100;
  --c-amber-lighter: #F7E48C;
  --c-amber-light: #F3D759;
  --c-amber-dark: #C9A500;
  --c-amber-darker: #AB8C00;
  --c-white: #FFFFFF;
  --c-black: #000000;
  --c-charcoal: #16224D;
  --c-offwhite: #F5F9FA;
  --c-tint: #FBFDFD;
  --c-border-light: #E3E6EE;
  --c-primary: #91459A;
  --c-primary-100: #F4ECF5;
  --c-primary-125: #EFE3F0;
  --c-primary-150: #E4D1E6;
  --c-primary-175: #D5B8D9;
  --c-primary-200: #CEABD2;
  --c-primary-300: #B886BD;
  --c-primary-400: #A261A9;
  --c-primary-600: #7B3B83;
  --c-primary-700: #68326F;
  --c-primary-800: #411F45;
  --c-primary-900: #241127;
  --c-primary-lighter: #CEABD2;
  --c-primary-light: #B886BD;
  --c-primary-dark: #7B3B83;
  --c-primary-darker: #68326F;
  --c-primary-hover: #7B3B83;
  --c-secondary: #6B6F8C;
  --c-secondary-100: #F0F1F4;
  --c-secondary-125: #E9E9EE;
  --c-secondary-150: #DADBE2;
  --c-secondary-175: #C7C8D3;
  --c-secondary-200: #BCBECB;
  --c-secondary-300: #9FA1B4;
  --c-secondary-400: #81859D;
  --c-secondary-600: #5B5E77;
  --c-secondary-700: #4D5065;
  --c-secondary-800: #30323F;
  --c-secondary-900: #1B1C23;
  --c-secondary-lighter: #BCBECB;
  --c-secondary-light: #9FA1B4;
  --c-secondary-dark: #5B5E77;
  --c-secondary-darker: #4D5065;
  --c-tertiary: #A5F1EC;
  --c-tertiary-100: #F6FEFD;
  --c-tertiary-125: #F2FDFC;
  --c-tertiary-150: #E9FCFA;
  --c-tertiary-175: #DDFAF8;
  --c-tertiary-200: #D7F9F6;
  --c-tertiary-300: #C5F6F3;
  --c-tertiary-400: #B3F3EF;
  --c-tertiary-600: #8CCDC9;
  --c-tertiary-700: #77AEAA;
  --c-tertiary-800: #4A6C6A;
  --c-tertiary-900: #293C3B;
  --c-tertiary-lighter: #D7F9F6;
  --c-tertiary-light: #C5F6F3;
  --c-tertiary-dark: #8CCDC9;
  --c-tertiary-darker: #77AEAA;
  --c-cta: #FF3399;
  --c-cta-100: #FFEBF5;
  --c-cta-125: #FFE0F0;
  --c-cta-150: #FFCCE6;
  --c-cta-175: #FFB1D8;
  --c-cta-200: #FFA3D1;
  --c-cta-300: #FF7ABD;
  --c-cta-400: #FF52A8;
  --c-cta-600: #D92B82;
  --c-cta-700: #B8256E;
  --c-cta-800: #731745;
  --c-cta-900: #400D26;
  --c-cta-lighter: #FFA3D1;
  --c-cta-light: #FF7ABD;
  --c-cta-dark: #D92B82;
  --c-cta-darker: #B8256E;
  --c-cta-hover: #D92B82;
  --c-success: #13a310;
  --c-success-100: #E7F6E7;
  --c-success-125: #DCF1DB;
  --c-success-150: #C4E8C3;
  --c-success-175: #A5DCA4;
  --c-success-200: #95D693;
  --c-success-300: #66C364;
  --c-success-400: #36B134;
  --c-success-600: #108B0E;
  --c-success-700: #0E750C;
  --c-success-800: #094907;
  --c-success-900: #052904;
  --c-success-lighter: #95D693;
  --c-success-light: #66C364;
  --c-success-dark: #108B0E;
  --c-success-darker: #0E750C;
  --c-danger: #f04a02;
  --c-danger-100: #FEEDE6;
  --c-danger-125: #FDE4D9;
  --c-danger-150: #FBD2C0;
  --c-danger-175: #F9BA9F;
  --c-danger-200: #F8AE8D;
  --c-danger-300: #F5895B;
  --c-danger-400: #F26528;
  --c-danger-600: #CC3F02;
  --c-danger-700: #AD3501;
  --c-danger-800: #6C2101;
  --c-danger-900: #3C1301;
  --c-danger-lighter: #F8AE8D;
  --c-danger-light: #F5895B;
  --c-danger-dark: #CC3F02;
  --c-danger-darker: #AD3501;
  --c-warning: #edc200;
  --c-warning-100: #FDF9E6;
  --c-warning-125: #FCF6D9;
  --c-warning-150: #FBF0BF;
  --c-warning-175: #F8E89E;
  --c-warning-200: #F7E48C;
  --c-warning-300: #F3D759;
  --c-warning-400: #F0CB26;
  --c-warning-600: #C9A500;
  --c-warning-700: #AB8C00;
  --c-warning-800: #6B5700;
  --c-warning-900: #3B3100;
  --c-warning-lighter: #F7E48C;
  --c-warning-light: #F3D759;
  --c-warning-dark: #C9A500;
  --c-warning-darker: #AB8C00;
  --c-info: #6B6F8C;
  --c-info-100: #F0F1F4;
  --c-info-125: #E9E9EE;
  --c-info-150: #DADBE2;
  --c-info-175: #C7C8D3;
  --c-info-200: #BCBECB;
  --c-info-300: #9FA1B4;
  --c-info-400: #81859D;
  --c-info-600: #5B5E77;
  --c-info-700: #4D5065;
  --c-info-800: #30323F;
  --c-info-900: #1B1C23;
  --c-info-lighter: #BCBECB;
  --c-info-light: #9FA1B4;
  --c-info-dark: #5B5E77;
  --c-info-darker: #4D5065;
  --bg-dark: #1D2E66;
  --bg-dark-alt: #0D152E;
  --bg-footer: #070C1A;
  --bg-dark-raised: #192757;
  --bg-dark-sunken: #152149;
  --text-on-dark: #FFFFFF;
  --text-on-dark-secondary: #C7CBD9;
  --text-on-dark-muted: #99A1BA;
  --text-on-dark-accent: #A5F1EC;
  --border-on-dark: #3F4D7D;
  --font-heading: Poppins, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-body: Inter, 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;
  --lh-display: 1.05;
  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-normal: 1.5;
  --lh-relaxed: 1.62;
  --track-tighter: -0.035em;
  --track-tight: -0.028em;
  --track-snug: -0.015em;
  --track-normal: 0;
  --track-wide: 0.08em;
  --track-wider: 0.12em;
  --track-widest: 0.15em;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-900: 900;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 18px;
  --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: #F5F9FA;
  --bg-tint: #FBFDFD;
  --bg-accent: #F6FEFD;
  --bg-raised: #FFFFFF;
  --bg-placeholder: #9FA1B4;
  --text-heading: #152149;
  --text-body: #16224D;
  --text-muted: #5B5E77;
  --text-link: #7B3B83;
  --text-on-accent: #91459A;
  --border-card: #E3E6EE;
  --border-input: #E3E6EE;
  --border-divider: #E3E6EE;
  --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-lighter);
  --surface-primary-tint-hover: var(--c-primary-light);
  --border-primary-tint: var(--c-primary-light);
  --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(--text-body);
  --ink-secondary-page: var(--c-secondary-darker);
  --surface-secondary-tint: var(--c-secondary-lighter);
  --surface-secondary-tint-hover: var(--c-secondary-light);
  --border-secondary-tint: var(--c-secondary-light);
  --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-charcoal);
  --ink-tertiary-tint: var(--text-body);
  --ink-tertiary-page: var(--text-heading);
  --surface-tertiary-tint: var(--c-tertiary-lighter);
  --surface-tertiary-tint-hover: var(--c-tertiary-light);
  --border-tertiary-tint: var(--c-tertiary-light);
  --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-charcoal);
  --ink-cta-tint: var(--text-body);
  --ink-cta-page: var(--c-cta-darker);
  --surface-cta-tint: var(--c-cta-lighter);
  --surface-cta-tint-hover: var(--c-cta-light);
  --border-cta-tint: var(--c-cta-light);
  --fill-cta-hover: var(--c-cta-400);
  --fill-cta-active: var(--c-cta-300);
  --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(--c-success-darker);
  --surface-success-tint: var(--c-success-lighter);
  --surface-success-tint-hover: var(--c-success-light);
  --border-success-tint: var(--c-success-light);
  --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(--text-body);
  --ink-danger-page: var(--c-danger-darker);
  --surface-danger-tint: var(--c-danger-lighter);
  --surface-danger-tint-hover: var(--c-danger-light);
  --border-danger-tint: var(--c-danger-light);
  --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-charcoal);
  --ink-warning-tint: var(--text-body);
  --ink-warning-page: var(--text-heading);
  --surface-warning-tint: var(--c-warning-lighter);
  --surface-warning-tint-hover: var(--c-warning-light);
  --border-warning-tint: var(--c-warning-light);
  --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(--text-body);
  --ink-info-page: var(--c-info-darker);
  --surface-info-tint: var(--c-info-lighter);
  --surface-info-tint-hover: var(--c-info-light);
  --border-info-tint: var(--c-info-light);
  --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: #0D152E;
  --bg-alt: #070C1A;
  --bg-tint: #152149;
  --bg-accent: #293C3B;
  --bg-raised: #192757;
  --bg-placeholder: #192757;
  --text-heading: #FFFFFF;
  --text-body: #DDE0E8;
  --text-muted: #A9B0C5;
  --text-link: #CEABD2;
  --text-on-accent: #A5F1EC;
  --border-card: #3F4D7D;
  --border-input: #3F4D7D;
  --border-divider: #3F4D7D;
  --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-charcoal);
  --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-charcoal);
  --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-400);
  --fill-cta-active: var(--c-cta-300);
  --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-charcoal);
  --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: #0D152E;
    --bg-alt: #070C1A;
    --bg-tint: #152149;
    --bg-accent: #293C3B;
    --bg-raised: #192757;
    --bg-placeholder: #192757;
    --text-heading: #FFFFFF;
    --text-body: #DDE0E8;
    --text-muted: #A9B0C5;
    --text-link: #CEABD2;
    --text-on-accent: #A5F1EC;
    --border-card: #3F4D7D;
    --border-input: #3F4D7D;
    --border-divider: #3F4D7D;
    --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-charcoal);
    --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-charcoal);
    --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-400);
    --fill-cta-active: var(--c-cta-300);
    --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-charcoal);
    --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);
  }
}