/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --ki-color-gray-50: #f9f9fa;
  --ki-color-gray-100: #f2f2f4;
  --ki-color-gray-200: #ececf0;
  --ki-color-gray-300: #dddfe4;
  --ki-color-gray-400: #c3c6cc;
  --ki-color-gray-500: #afb3bb;
  --ki-color-gray-600: #8c929c;
  --ki-color-gray-700: #5b616d;
  --ki-color-gray-800: #3f444f;
  --ki-color-gray-900: #292c33;
  --ki-color-gray-950: #0a0c11;
  --ki-color-gray-100-alpha-base: rgba(242, 242, 244, 0.8);
  --ki-color-dark-50: #f8f8f8;
  --ki-color-dark-100: #f4f4f4;
  --ki-color-dark-200: #eeeeee;
  --ki-color-dark-300: #e1e1e1;
  --ki-color-dark-400: #c7c7c7;
  --ki-color-dark-500: #3a3a3a;
  --ki-color-dark-600: #2e2e2e;
  --ki-color-dark-700: #242424;
  --ki-color-dark-800: #1a1a1a;
  --ki-color-dark-900: #151515;
  --ki-color-dark-950: #0a0a0a;
  --ki-color-dark-500-alpha-1: rgba(58, 58, 58, 0.1);
  --ki-color-dark-500-alpha-2: rgba(58, 58, 58, 0.18);
  --ki-color-dark-500-alpha-3: rgba(58, 58, 58, 0.24);
  --ki-color-dark-500-alpha-4: rgba(58, 58, 58, 0.36);
  --ki-color-dark-500-alpha-5: rgba(58, 58, 58, 0.52);
  --ki-color-dark-500-alpha-6: rgba(58, 58, 58, 0.64);
  --ki-color-dark-700-blur-base-light: rgba(36, 36, 36, 0.8);
  --ki-color-dark-700-blur-base-dark: rgba(36, 36, 36, 0.88);
  --ki-color-info-50: #d0f1fb;
  --ki-color-info-100: #dff3ff;
  --ki-color-info-200: #a1e3f7;
  --ki-color-info-300: #71d5f4;
  --ki-color-info-400: #42c7f0;
  --ki-color-info-500: #13b9ec;
  --ki-color-info-600: #0f94bd;
  --ki-color-info-700: #0c7b9c;
  --ki-color-info-800: #085268;
  --ki-color-info-900: #063f51;
  --ki-color-info-950: #032630;
  --ki-color-info-500-alpha-1: rgba(19, 185, 236, 0.12);
  --ki-color-info-500-alpha-2: rgba(19, 185, 236, 0.2);
  --ki-color-info-500-alpha-3: rgba(19, 185, 236, 0.24);
  --ki-color-info-500-alpha-4: rgba(19, 185, 236, 0.4);
  --ki-color-info-500-alpha-5: rgba(19, 185, 236, 0.56);
  --ki-color-success-50: #f4faf3;
  --ki-color-success-100: #e3f6e2;
  --ki-color-success-200: #c8ebc7;
  --ki-color-success-300: #9cda9b;
  --ki-color-success-400: #69c068;
  --ki-color-success-500: #409b3f;
  --ki-color-success-600: #338732;
  --ki-color-success-700: #2c6a2b;
  --ki-color-success-800: #265526;
  --ki-color-success-900: #214622;
  --ki-color-success-950: #0d260e;
  --ki-color-success-500-alpha-1: rgba(64, 155, 63, 0.12);
  --ki-color-success-500-alpha-2: rgba(64, 155, 63, 0.2);
  --ki-color-success-500-alpha-3: rgba(64, 155, 63, 0.24);
  --ki-color-success-500-alpha-4: rgba(64, 155, 63, 0.4);
  --ki-color-success-500-alpha-5: rgba(64, 155, 63, 0.56);
  --ki-color-warning-50: #fffeea;
  --ki-color-warning-100: #fdeace;
  --ki-color-warning-200: #fbd59d;
  --ki-color-warning-300: #fbcb84;
  --ki-color-warning-400: #f9b652;
  --ki-color-warning-500: #f8ac3a;
  --ki-color-warning-600: #f29408;
  --ki-color-warning-700: #c57907;
  --ki-color-warning-800: #945b05;
  --ki-color-warning-900: #633d03;
  --ki-color-warning-950: #321f01;
  --ki-color-warning-500-alpha-1: rgba(248, 172, 58, 0.12);
  --ki-color-warning-500-alpha-2: rgba(248, 172, 58, 0.2);
  --ki-color-warning-500-alpha-3: rgba(248, 172, 58, 0.24);
  --ki-color-warning-500-alpha-4: rgba(248, 172, 58, 0.4);
  --ki-color-warning-500-alpha-5: rgba(248, 172, 58, 0.56);
  --ki-color-danger-50: #fff3f2;
  --ki-color-danger-100: #ffebed;
  --ki-color-danger-200: #ffccd0;
  --ki-color-danger-300: #f19997;
  --ki-color-danger-400: #e7716e;
  --ki-color-danger-500: #f05149;
  --ki-color-danger-600: #e6362d;
  --ki-color-danger-700: #cd2118;
  --ki-color-danger-800: #a01a13;
  --ki-color-danger-900: #72130e;
  --ki-color-danger-950: #440b08;
  --ki-color-danger-500-alpha-1: rgba(240, 81, 73, 0.12);
  --ki-color-danger-500-alpha-2: rgba(240, 81, 73, 0.2);
  --ki-color-danger-500-alpha-3: rgba(240, 81, 73, 0.24);
  --ki-color-danger-500-alpha-4: rgba(240, 81, 73, 0.4);
  --ki-color-danger-500-alpha-5: rgba(240, 81, 73, 0.56);
  --ki-color-white-3: rgba(255, 255, 255, 0.03);
  --ki-color-white-5: rgba(255, 255, 255, 0.05);
  --ki-color-white-8: rgba(255, 255, 255, 0.08);
  --ki-color-white-12: rgba(255, 255, 255, 0.12);
  --ki-color-white-18: rgba(255, 255, 255, 0.18);
  --ki-color-white-24: rgba(255, 255, 255, 0.24);
  --ki-color-white-32: rgba(255, 255, 255, 0.32);
  --ki-color-white-40: rgba(255, 255, 255, 0.4);
  --ki-color-white-48: rgba(255, 255, 255, 0.48);
  --ki-color-white-56: rgba(255, 255, 255, 0.56);
  --ki-color-white-64: rgba(255, 255, 255, 0.64);
  --ki-color-white-72: rgba(255, 255, 255, 0.72);
  --ki-color-white-80: rgba(255, 255, 255, 0.8);
  --ki-color-white-88: rgba(255, 255, 255, 0.88);
  --ki-color-white-100: #ffffff;
  --ki-color-black-3: rgba(0, 0, 0, 0.03);
  --ki-color-black-5: rgba(0, 0, 0, 0.05);
  --ki-color-black-8: rgba(0, 0, 0, 0.08);
  --ki-color-black-12: rgba(0, 0, 0, 0.12);
  --ki-color-black-18: rgba(0, 0, 0, 0.18);
  --ki-color-black-24: rgba(0, 0, 0, 0.24);
  --ki-color-black-32: rgba(0, 0, 0, 0.32);
  --ki-color-black-40: rgba(0, 0, 0, 0.4);
  --ki-color-black-48: rgba(0, 0, 0, 0.48);
  --ki-color-black-56: rgba(0, 0, 0, 0.56);
  --ki-color-black-64: rgba(0, 0, 0, 0.64);
  --ki-color-black-72: rgba(0, 0, 0, 0.72);
  --ki-color-black-80: rgba(0, 0, 0, 0.8);
  --ki-color-black-88: rgba(0, 0, 0, 0.88);
  --ki-color-black-100: #000000;
  --ki-color-transparent-white: rgba(255, 255, 255, 0);
  --ki-color-transparent-black: rgba(0, 0, 0, 0);
  --ki-space-zero: 0rem;
  --ki-space-xxs: 0.125rem;
  --ki-space-xs: 0.25rem;
  --ki-space-sm: 0.375rem;
  --ki-space-md: 0.5rem;
  --ki-space-lg: 0.625rem;
  --ki-space-xl: 0.75rem;
  --ki-space-2xl: 0.875rem;
  --ki-space-3xl: 1rem;
  --ki-space-4xl: 1.125rem;
  --ki-space-5xl: 1.25rem;
  --ki-space-6xl: 1.375rem;
  --ki-space-7xl: 1.5rem;
  --ki-space-8xl: 1.625rem;
  --ki-space-9xl: 1.75rem;
  --ki-space-10xl: 2rem;
  --ki-space-11xl: 2.25rem;
  --ki-space-12xl: 2.5rem;
  --ki-space-13xl: 2.75rem;
  --ki-space-14xl: 3rem;
  --ki-space-15xl: 3.25rem;
  --ki-space-16xl: 3.5rem;
  --ki-space-17xl: 3.75rem;
  --ki-space-18xl: 4rem;
  --ki-space-19xl: 4.5rem;
  --ki-space-20xl: 5rem;
  --ki-space-21xl: 5.5rem;
  --ki-space-22xl: 6rem;
  --ki-space-23xl: 6.5rem;
  --ki-space-24xl: 7.5rem;
  --ki-space-25xl: 9rem;
  --ki-space-26xl: 10rem;
  --ki-radius-0: 0px;
  --ki-radius-xxs: 2px;
  --ki-radius-xs: 4px;
  --ki-radius-sm: 6px;
  --ki-radius-md: 8px;
  --ki-radius-lg: 10px;
  --ki-radius-xl: 12px;
  --ki-radius-2xl: 14px;
  --ki-radius-3xl: 16px;
  --ki-radius-4xl: 18px;
  --ki-radius-5xl: 20px;
  --ki-radius-6xl: 22px;
  --ki-radius-7xl: 24px;
  --ki-radius-8xl: 28px;
  --ki-radius-9xl: 32px;
  --ki-radius-10xl: 40px;
  --ki-radius-11xl: 44px;
  --ki-radius-12xl: 48px;
  --ki-radius-13xl: 52px;
  --ki-radius-14xl: 56px;
  --ki-radius-15xl: 64px;
  --ki-radius-16xl: 72px;
  --ki-radius-round: 1000px;
  --ki-radius-component-xxs: 4px;
  --ki-radius-component-xs: 6px;
  --ki-radius-component-sm: 8px;
  --ki-radius-component-md: 10px;
  --ki-radius-component-lg: 12px;
  --ki-radius-component-xl: 14px;
  --ki-radius-component-2xl: 16px;
  --ki-radius-component-3xl: 18px;
  --ki-radius-component-4xl: 20px;
  --ki-radius-component-5xl: 24px;
  --ki-radius-component-6xl: 28px;
  --ki-radius-big-component-xs: 16px;
  --ki-radius-big-component-sm: 20px;
  --ki-radius-big-component-md: 24px;
  --ki-radius-big-component-lg: 28px;
  --ki-blur-8: 4px; /** MarsUI Blur/8 (Figma radius 8 → CSS blur 4px, official export convention radius/2). */
  --ki-blur-16: 8px; /** MarsUI Blur/16 (Figma radius 16 → CSS blur 8px, official export convention radius/2). */
  --ki-blur-24: 12px; /** MarsUI Blur/24 (Figma radius 24 → CSS blur 12px, official export convention radius/2). */
  --ki-blur-48: 24px; /** MarsUI Blur/48 (Figma radius 48 → CSS blur 24px, official export convention radius/2). */
  --ki-blur-96: 48px; /** MarsUI Blur/96 (Figma radius 96 → CSS blur 48px, official export convention radius/2). */
  --ki-blur-none: 0px; /** Blur/0: backdrop blur disabled. Themes without glass surfaces (material3) alias the component backdrop blur here. */
  --ki-shadow-distance-1: 1px; /** MarsUI Elevation/e1 layer geometry: 1px offset/blur. */
  --ki-shadow-distance-2: 3px; /** MarsUI Elevation/e2 layer geometry: 3px offset/blur (also the Component_effect inner-highlight offset/blur). */
  --ki-shadow-distance-3: 20px; /** MarsUI Elevation/e3 layer geometry: 20px offset/blur. */
  --ki-shadow-distance-4: 32px; /** MarsUI Elevation/e4 layer geometry: 32px offset/blur. */
  --ki-shadow-distance-5: 56px; /** MarsUI Elevation/e5 layer geometry: 56px offset/blur. */
  --ki-shadow-distance-6: 72px; /** MarsUI Elevation/e6 layer geometry: 72px offset/blur. */
  --ki-shadow-spread-1: -0.5px; /** MarsUI Elevation/e1 layer spread: -0.5px. */
  --ki-shadow-spread-2: -1.5px; /** MarsUI Elevation/e2 layer spread: -1.5px. */
  --ki-shadow-spread-3: -12px; /** MarsUI Elevation/e3 layer spread: -12px. */
  --ki-shadow-spread-4: -16px; /** MarsUI Elevation/e4 layer spread: -16px. */
  --ki-shadow-spread-5: -28px; /** MarsUI Elevation/e5 layer spread: -28px. */
  --ki-shadow-spread-6: -36px; /** MarsUI Elevation/e6 layer spread: -36px. */
  --ki-shadow-effect-y: 2px; /** MarsUI Component_effect/secondary drop and inner-highlight offset: 2px. */
  --ki-shadow-effect-blur: 1.5px; /** MarsUI Component_effect/secondary_default drop blur: 1.5px. */
  --ki-shadow-ring: 3px; /** MarsUI Focus/*: 3px focus-ring spread. */
  --ki-size-border-hairline: 1px; /** MarsUI hairline stroke: 1px divider/border width. */
  --ki-size-qr: 8rem; /** QR symbol edge: the Figma master's 128x128 symbol frame (nodes 12019:6059 / 16158:27560), as a dedicated surface size decoupled from ki.space (DNA brief section 3). Replaces the interim 120px ki.space.24xl declaration. */
  --ki-size-surface-xxs: 18rem; /** Surface size scale (MarsUI brief: sizes for large surfaces in rem, decoupled from ki.space). Floating hint surfaces such as tooltips. */
  --ki-size-surface-xs: 20rem; /** Surface size scale (MarsUI brief: sizes for large surfaces in rem, decoupled from ki.space). Small floating surfaces such as listboxes. */
  --ki-size-surface-sm: 24rem; /** Surface size scale (MarsUI brief: sizes for large surfaces in rem, decoupled from ki.space). */
  --ki-size-surface-md: 32rem; /** Surface size scale (MarsUI brief: sizes for large surfaces in rem, decoupled from ki.space). */
  --ki-size-surface-lg: 40rem; /** Surface size scale (MarsUI brief: sizes for large surfaces in rem, decoupled from ki.space). */
  --ki-size-surface-xl: 48rem; /** Surface size scale (MarsUI brief: sizes for large surfaces in rem, decoupled from ki.space). */
  --ki-foundation-migrated-modes-material3-dark-color-brand-secondary-text-on-primary: rgba(56, 30, 114, 0.8);
  --ki-foundation-migrated-modes-material3-dark-outline-base-em: #211f26;
  --ki-foundation-migrated-modes-material3-dark-outline-danger-base-em: #2d0704;
  --ki-foundation-migrated-modes-material3-dark-outline-danger-base-em-alpha: rgba(242, 184, 181, 0.16);
  --ki-foundation-migrated-modes-material3-dark-outline-danger-low-em-alpha: rgba(242, 184, 181, 0.32);
  --ki-foundation-migrated-modes-material3-dark-outline-low-em: #36343b;
  --ki-foundation-migrated-modes-material3-dark-outline-primary-base-em-alpha: rgba(208, 188, 255, 0.16);
  --ki-foundation-migrated-modes-material3-dark-outline-primary-low-em-alpha: rgba(208, 188, 255, 0.32);
  --ki-foundation-migrated-modes-material3-dark-surface-danger-base-em-alpha: rgba(242, 184, 181, 0.1);
  --ki-foundation-migrated-modes-material3-dark-surface-disabled-med-em: rgba(255, 255, 255, 0.16);
  --ki-foundation-migrated-modes-material3-dark-surface-primary-base-em-alpha: rgba(208, 188, 255, 0.1);
  --ki-foundation-migrated-modes-material3-dark-surface-s0: #141218;
  --ki-foundation-migrated-modes-material3-dark-surface-s3: #2b2930;
  --ki-foundation-migrated-modes-material3-dark-surface-s5: #3b383e;
  --ki-foundation-migrated-modes-material3-dark-surface-special-blur-base-dark: rgba(20, 18, 24, 0.88);
  --ki-foundation-migrated-modes-material3-dark-surface-special-blur-base-light: rgba(20, 18, 24, 0.8);
  --ki-foundation-migrated-modes-material3-dark-surface-special-secondary-alpha-base: rgba(33, 31, 38, 0.8);
  --ki-foundation-migrated-modes-material3-dark-surface-success-base-em-alpha: rgba(156, 218, 155, 0.1);
  --ki-foundation-migrated-modes-material3-dark-surface-success-low-em-alpha: rgba(156, 218, 155, 0.32);
  --ki-foundation-migrated-modes-material3-dark-text-danger-low-em: #ffb4ab;
  --ki-foundation-migrated-themes-material3-color-brand-50: #fffbfe;
  --ki-foundation-migrated-themes-material3-color-brand-100: #eaddff;
  --ki-foundation-migrated-themes-material3-color-brand-200: #d0bcff;
  --ki-foundation-migrated-themes-material3-color-brand-300: #b69df8;
  --ki-foundation-migrated-themes-material3-color-brand-400: #9a82db;
  --ki-foundation-migrated-themes-material3-color-brand-500: #6750a4;
  --ki-foundation-migrated-themes-material3-color-brand-600: #5b4497;
  --ki-foundation-migrated-themes-material3-color-brand-700: #4f378b;
  --ki-foundation-migrated-themes-material3-color-brand-800: #381e72;
  --ki-foundation-migrated-themes-material3-color-brand-900: #21005d;
  --ki-foundation-migrated-themes-material3-color-brand-950: #1d192b;
  --ki-foundation-migrated-themes-material3-color-brand-500-alpha-1: rgba(103, 80, 164, 0.08);
  --ki-foundation-migrated-themes-material3-color-brand-500-alpha-2: rgba(103, 80, 164, 0.1);
  --ki-foundation-migrated-themes-material3-color-brand-500-alpha-3: rgba(103, 80, 164, 0.16);
  --ki-foundation-migrated-themes-material3-color-brand-500-alpha-4: rgba(103, 80, 164, 0.24);
  --ki-foundation-migrated-themes-material3-color-brand-500-alpha-5: rgba(103, 80, 164, 0.32);
  --ki-foundation-migrated-themes-material3-color-brand-low-em: #79747e;
  --ki-foundation-migrated-themes-material3-color-brand-base-em: #cac4d0;
  --ki-foundation-migrated-themes-material3-color-brand-med-em: #49454f;
  --ki-foundation-migrated-themes-material3-color-brand-high-em: #1d1b20;
  --ki-foundation-migrated-themes-material3-font-family-body: Roboto, system-ui, sans-serif;
  --ki-foundation-migrated-themes-material3-font-family-mono: 'Roboto Mono', ui-monospace, monospace;
  --ki-foundation-migrated-themes-material3-font-family-serif: 'Roboto Slab', Georgia, serif;
  --ki-foundation-migrated-themes-onmars-color-brand-50: #f7f4fb;
  --ki-foundation-migrated-themes-onmars-color-brand-100: #ece4f5;
  --ki-foundation-migrated-themes-onmars-color-brand-200: #cebee6;
  --ki-foundation-migrated-themes-onmars-color-brand-300: #b59cd8;
  --ki-foundation-migrated-themes-onmars-color-brand-400: #9873c9;
  --ki-foundation-migrated-themes-onmars-color-brand-500: #845abe;
  --ki-foundation-migrated-themes-onmars-color-brand-600: #5f3993;
  --ki-foundation-migrated-themes-onmars-color-brand-700: #472b6e;
  --ki-foundation-migrated-themes-onmars-color-brand-800: #2f1d49;
  --ki-foundation-migrated-themes-onmars-color-brand-900: #1f1331;
  --ki-foundation-migrated-themes-onmars-color-brand-950: #170e25;
  --ki-foundation-migrated-themes-onmars-color-brand-500-alpha-1: rgba(132, 90, 190, 0.12);
  --ki-foundation-migrated-themes-onmars-color-brand-500-alpha-2: rgba(132, 90, 190, 0.2);
  --ki-foundation-migrated-themes-onmars-color-brand-500-alpha-3: rgba(132, 90, 190, 0.24);
  --ki-foundation-migrated-themes-onmars-color-brand-500-alpha-4: rgba(132, 90, 190, 0.4);
  --ki-foundation-migrated-themes-onmars-color-brand-500-alpha-5: rgba(132, 90, 190, 0.56);
  --ki-foundation-migrated-themes-onmars-color-brand-secondary-text-on-primary-light: #7648b7;
  --ki-foundation-migrated-themes-onmars-font-family-body: Inter, system-ui, sans-serif;
  --ki-foundation-migrated-themes-onmars-font-family-mono: 'JetBrains Mono', ui-monospace, monospace;
  --ki-foundation-migrated-themes-onmars-font-family-serif: Merriweather, Georgia, serif;
  --ki-foundation-migrated-themes-onmars-font-letter-spacing-lg: -0.07em;
  --ki-foundation-migrated-themes-onmars-font-letter-spacing-md: -0.05em;
  --ki-foundation-migrated-themes-onmars-font-letter-spacing-sm: -0.03em;
  --ki-foundation-migrated-themes-onmars-font-letter-spacing-spaced-out: 0.02em;
  --ki-foundation-migrated-themes-onmars-font-letter-spacing-xs: -0.01em;
  --ki-foundation-migrated-themes-onmars-font-letter-spacing-none: 0em;
  --ki-foundation-migrated-themes-onmars-font-line-height-heading-6: 4.25rem;
  --ki-foundation-migrated-themes-onmars-font-size-body-1: 0.8125rem;
  --ki-foundation-migrated-themes-onmars-font-size-body-2: 0.9375rem;
  --ki-foundation-migrated-themes-onmars-font-size-display-1: 4.75rem;
  --ki-foundation-migrated-themes-onmars-font-size-heading-2: 1.5625rem;
  --ki-foundation-migrated-themes-onmars-font-size-heading-4: 2.625rem;
  --ki-foundation-migrated-themes-onmars-font-size-heading-6: 3.875rem;
  --ki-foundation-migrated-themes-onmars-font-size-overline: 0.6875rem;
  --ki-foundation-migrated-themes-onmars-font-weight-body-bold: 800;
  --ki-foundation-migrated-themes-onmars-font-weight-body-medium: 600;
  --ki-foundation-migrated-themes-onmars-font-weight-body-semibold: 700;
  --ki-foundation-migrated-themes-onmars-font-weight-body-normal: 500;
  --ki-foundation-migrated-themes-onmars-font-weight-display-normal: 400;
  --ki-foundation-migrated-semantic-material3-outline-base-em: #f3edf7;
  --ki-foundation-migrated-semantic-material3-outline-danger-base-em-alpha: rgba(179, 38, 30, 0.1);
  --ki-foundation-migrated-semantic-material3-outline-danger-low-em-alpha: rgba(179, 38, 30, 0.24);
  --ki-foundation-migrated-semantic-material3-outline-low-em: #e7e0ec;
  --ki-foundation-migrated-semantic-material3-surface-danger-base-em-alpha: rgba(179, 38, 30, 0.08);
  --ki-foundation-migrated-semantic-material3-surface-hover-overlay: rgba(29, 27, 32, 0.08);
  --ki-foundation-migrated-semantic-material3-surface-primary-base-em: #f7f2fa;
  --ki-foundation-migrated-semantic-material3-surface-s0: #fef7ff;
  --ki-foundation-migrated-semantic-material3-surface-s3: #ece6f0;
  --ki-foundation-migrated-semantic-material3-surface-s5: #ded8e1;
  --ki-foundation-migrated-semantic-material3-surface-special-blur-base-dark: rgba(254, 247, 255, 0.88);
  --ki-foundation-migrated-semantic-material3-surface-special-blur-base-light: rgba(254, 247, 255, 0.8);
  --ki-foundation-migrated-semantic-material3-surface-special-secondary-alpha-base: rgba(243, 237, 247, 0.8);
  --ki-foundation-migrated-semantic-material3-surface-s4: #e6e0e9;
  --ki-foundation-migrated-semantic-material3-text-primary-low-em: #7f67be;
  --ki-foundation-migrated-semantic-material3-overlay-med-em: rgba(0, 0, 0, 0.16);
  --ki-foundation-migrated-component-progress-progress-indeterminate-duration: 1600ms;
  --ki-foundation-migrated-component-tooltip-tooltip-hide-delay: 100ms;
  --ki-foundation-migrated-component-tooltip-tooltip-show-delay: 500ms;
  --ki-foundation-migrated-component-badge-material3-badge-border-width: 0.0625rem;
  --ki-foundation-material3-palette-secondary-0: #000000;
  --ki-foundation-material3-palette-secondary-10: #1d192b;
  --ki-foundation-material3-palette-secondary-20: #332d41;
  --ki-foundation-material3-palette-secondary-30: #4a4458;
  --ki-foundation-material3-palette-secondary-40: #625b71;
  --ki-foundation-material3-palette-secondary-50: #7a7289;
  --ki-foundation-material3-palette-secondary-60: #958da5;
  --ki-foundation-material3-palette-secondary-70: #b0a7c0;
  --ki-foundation-material3-palette-secondary-80: #ccc2dc;
  --ki-foundation-material3-palette-secondary-90: #e8def8;
  --ki-foundation-material3-palette-secondary-95: #f6edff;
  --ki-foundation-material3-palette-secondary-99: #fffbfe;
  --ki-foundation-material3-palette-secondary-100: #ffffff;
  --ki-foundation-material3-palette-tertiary-0: #000000;
  --ki-foundation-material3-palette-tertiary-10: #31111d;
  --ki-foundation-material3-palette-tertiary-20: #492532;
  --ki-foundation-material3-palette-tertiary-30: #633b48;
  --ki-foundation-material3-palette-tertiary-40: #7d5260;
  --ki-foundation-material3-palette-tertiary-50: #986977;
  --ki-foundation-material3-palette-tertiary-60: #b58392;
  --ki-foundation-material3-palette-tertiary-70: #d29dac;
  --ki-foundation-material3-palette-tertiary-80: #efb8c8;
  --ki-foundation-material3-palette-tertiary-90: #ffd8e4;
  --ki-foundation-material3-palette-tertiary-95: #ffecf1;
  --ki-foundation-material3-palette-tertiary-99: #fffbfa;
  --ki-foundation-material3-palette-tertiary-100: #ffffff;
  --ki-foundation-material3-palette-error-0: #000000;
  --ki-foundation-material3-palette-error-10: #410e0b;
  --ki-foundation-material3-palette-error-20: #601410;
  --ki-foundation-material3-palette-error-30: #8c1d18;
  --ki-foundation-material3-palette-error-40: #b3261e;
  --ki-foundation-material3-palette-error-50: #dc362e;
  --ki-foundation-material3-palette-error-60: #e46962;
  --ki-foundation-material3-palette-error-70: #ec928e;
  --ki-foundation-material3-palette-error-80: #f2b8b5;
  --ki-foundation-material3-palette-error-90: #f9dedc;
  --ki-foundation-material3-palette-error-95: #fceeee;
  --ki-foundation-material3-palette-error-99: #fffbf9;
  --ki-foundation-material3-palette-error-100: #ffffff;
  --ki-foundation-material3-palette-neutral-0: #000000;
  --ki-foundation-material3-palette-neutral-10: #1d1b20;
  --ki-foundation-material3-palette-neutral-20: #322f35;
  --ki-foundation-material3-palette-neutral-30: #48464c;
  --ki-foundation-material3-palette-neutral-40: #605d64;
  --ki-foundation-material3-palette-neutral-50: #79767d;
  --ki-foundation-material3-palette-neutral-60: #938f96;
  --ki-foundation-material3-palette-neutral-70: #aea9b1;
  --ki-foundation-material3-palette-neutral-80: #cac5cd;
  --ki-foundation-material3-palette-neutral-90: #e6e0e9;
  --ki-foundation-material3-palette-neutral-95: #f5eff7;
  --ki-foundation-material3-palette-neutral-99: #fffbff;
  --ki-foundation-material3-palette-neutral-100: #ffffff;
  --ki-foundation-material3-palette-neutral-variant-0: #000000;
  --ki-foundation-material3-palette-neutral-variant-10: #1d1a22;
  --ki-foundation-material3-palette-neutral-variant-20: #322f37;
  --ki-foundation-material3-palette-neutral-variant-30: #49454f;
  --ki-foundation-material3-palette-neutral-variant-40: #605d66;
  --ki-foundation-material3-palette-neutral-variant-50: #79747e;
  --ki-foundation-material3-palette-neutral-variant-60: #938f99;
  --ki-foundation-material3-palette-neutral-variant-70: #aea9b4;
  --ki-foundation-material3-palette-neutral-variant-80: #cac4d0;
  --ki-foundation-material3-palette-neutral-variant-90: #e7e0ec;
  --ki-foundation-material3-palette-neutral-variant-95: #f5eefa;
  --ki-foundation-material3-palette-neutral-variant-99: #fffbfe;
  --ki-foundation-material3-palette-neutral-variant-100: #ffffff;
  --ki-foundation-material3-state-layer-light-hover: rgba(29, 27, 32, 0.08);
  --ki-foundation-material3-state-layer-light-focus: rgba(29, 27, 32, 0.12);
  --ki-foundation-material3-state-layer-light-dragged: rgba(29, 27, 32, 0.16);
  --ki-foundation-material3-state-layer-dark-hover: rgba(230, 224, 233, 0.08);
  --ki-foundation-material3-state-layer-dark-focus: rgba(230, 224, 233, 0.12);
  --ki-foundation-material3-state-layer-dark-dragged: rgba(230, 224, 233, 0.16);
  --ki-foundation-material3-shape-corner-none: 0px; /** M3 md.sys.shape.corner.none (0dp). */
  --ki-foundation-material3-shape-corner-extra-small: 4px; /** M3 md.sys.shape.corner.extra-small (4dp). */
  --ki-foundation-material3-shape-corner-small: 8px; /** M3 md.sys.shape.corner.small (8dp). */
  --ki-foundation-material3-shape-corner-medium: 12px; /** M3 md.sys.shape.corner.medium (12dp). */
  --ki-foundation-material3-shape-corner-large: 16px; /** M3 md.sys.shape.corner.large (16dp). */
  --ki-foundation-material3-shape-corner-extra-large: 28px; /** M3 md.sys.shape.corner.extra-large (28dp). */
  --ki-foundation-material3-shape-corner-full: 9999px; /** M3 md.sys.shape.corner.full (pill). */
  --ki-foundation-material3-typescale-size-display-large: 3.5625rem; /** M3 md.sys.typescale.display-large.size (57px). */
  --ki-foundation-material3-typescale-size-display-medium: 2.8125rem; /** M3 md.sys.typescale.display-medium.size (45px). */
  --ki-foundation-material3-typescale-size-display-small: 2.25rem; /** M3 md.sys.typescale.display-small.size (36px). */
  --ki-foundation-material3-typescale-size-headline-large: 2rem; /** M3 md.sys.typescale.headline-large.size (32px). */
  --ki-foundation-material3-typescale-size-headline-medium: 1.75rem; /** M3 md.sys.typescale.headline-medium.size (28px). */
  --ki-foundation-material3-typescale-size-headline-small: 1.5rem; /** M3 md.sys.typescale.headline-small.size (24px). */
  --ki-foundation-material3-typescale-size-title-large: 1.375rem; /** M3 md.sys.typescale.title-large.size (22px). */
  --ki-foundation-material3-typescale-size-title-medium: 1rem; /** M3 md.sys.typescale.title-medium.size (16px). */
  --ki-foundation-material3-typescale-size-title-small: 0.875rem; /** M3 md.sys.typescale.title-small.size (14px). */
  --ki-foundation-material3-typescale-size-body-large: 1rem; /** M3 md.sys.typescale.body-large.size (16px). */
  --ki-foundation-material3-typescale-size-body-medium: 0.875rem; /** M3 md.sys.typescale.body-medium.size (14px). */
  --ki-foundation-material3-typescale-size-body-small: 0.75rem; /** M3 md.sys.typescale.body-small.size (12px). */
  --ki-foundation-material3-typescale-size-label-large: 0.875rem; /** M3 md.sys.typescale.label-large.size (14px). */
  --ki-foundation-material3-typescale-size-label-medium: 0.75rem; /** M3 md.sys.typescale.label-medium.size (12px). */
  --ki-foundation-material3-typescale-size-label-small: 0.6875rem; /** M3 md.sys.typescale.label-small.size (11px). */
  --ki-foundation-material3-typescale-size-display-extended-1: 4rem; /** Kimen extension beyond M3 display-large (64px; M3 ends at 57px). */
  --ki-foundation-material3-typescale-size-display-extended-2: 4.5rem; /** Kimen extension beyond M3 display-large (72px). */
  --ki-foundation-material3-typescale-size-display-extended-3: 5rem; /** Kimen extension beyond M3 display-large (80px). */
  --ki-foundation-material3-typescale-line-height-display-large: 4rem; /** M3 md.sys.typescale.display-large.line-height (64px). */
  --ki-foundation-material3-typescale-line-height-display-medium: 3.25rem; /** M3 md.sys.typescale.display-medium.line-height (52px). */
  --ki-foundation-material3-typescale-line-height-display-small: 2.75rem; /** M3 md.sys.typescale.display-small.line-height (44px). */
  --ki-foundation-material3-typescale-line-height-headline-large: 2.5rem; /** M3 md.sys.typescale.headline-large.line-height (40px). */
  --ki-foundation-material3-typescale-line-height-headline-medium: 2.25rem; /** M3 md.sys.typescale.headline-medium.line-height (36px). */
  --ki-foundation-material3-typescale-line-height-headline-small: 2rem; /** M3 md.sys.typescale.headline-small.line-height (32px). */
  --ki-foundation-material3-typescale-line-height-title-large: 1.75rem; /** M3 md.sys.typescale.title-large.line-height (28px). */
  --ki-foundation-material3-typescale-line-height-title-medium: 1.5rem; /** M3 md.sys.typescale.title-medium.line-height (24px). */
  --ki-foundation-material3-typescale-line-height-title-small: 1.25rem; /** M3 md.sys.typescale.title-small.line-height (20px). */
  --ki-foundation-material3-typescale-line-height-body-large: 1.5rem; /** M3 md.sys.typescale.body-large.line-height (24px). */
  --ki-foundation-material3-typescale-line-height-body-medium: 1.25rem; /** M3 md.sys.typescale.body-medium.line-height (20px). */
  --ki-foundation-material3-typescale-line-height-body-small: 1rem; /** M3 md.sys.typescale.body-small.line-height (16px). */
  --ki-foundation-material3-typescale-line-height-label-large: 1.25rem; /** M3 md.sys.typescale.label-large.line-height (20px). */
  --ki-foundation-material3-typescale-line-height-label-medium: 1rem; /** M3 md.sys.typescale.label-medium.line-height (16px). */
  --ki-foundation-material3-typescale-line-height-label-small: 1rem; /** M3 md.sys.typescale.label-small.line-height (16px). */
  --ki-foundation-material3-typescale-line-height-display-extended-1: 4.5rem; /** Kimen extension beyond M3 display-large (72px). */
  --ki-foundation-material3-typescale-line-height-display-extended-2: 5rem; /** Kimen extension beyond M3 display-large (80px). */
  --ki-foundation-material3-typescale-line-height-display-extended-3: 5.5rem; /** Kimen extension beyond M3 display-large (88px). */
  --ki-foundation-material3-typescale-tracking-display-large: -0.0044em; /** M3 md.sys.typescale.display-large.tracking (-0.25px at 57px). */
  --ki-foundation-material3-typescale-tracking-display-medium: 0em; /** M3 md.sys.typescale.display-medium.tracking (0px). */
  --ki-foundation-material3-typescale-tracking-display-small: 0em; /** M3 md.sys.typescale.display-small.tracking (0px). */
  --ki-foundation-material3-typescale-tracking-headline-large: 0em; /** M3 md.sys.typescale.headline-large.tracking (0px). */
  --ki-foundation-material3-typescale-tracking-headline-medium: 0em; /** M3 md.sys.typescale.headline-medium.tracking (0px). */
  --ki-foundation-material3-typescale-tracking-headline-small: 0em; /** M3 md.sys.typescale.headline-small.tracking (0px). */
  --ki-foundation-material3-typescale-tracking-title-large: 0em; /** M3 md.sys.typescale.title-large.tracking (0px). */
  --ki-foundation-material3-typescale-tracking-title-medium: 0.009375em; /** M3 md.sys.typescale.title-medium.tracking (0.15px at 16px). */
  --ki-foundation-material3-typescale-tracking-title-small: 0.0071em; /** M3 md.sys.typescale.title-small.tracking (0.1px at 14px). */
  --ki-foundation-material3-typescale-tracking-body-large: 0.03125em; /** M3 md.sys.typescale.body-large.tracking (0.5px at 16px). */
  --ki-foundation-material3-typescale-tracking-body-medium: 0.0179em; /** M3 md.sys.typescale.body-medium.tracking (0.25px at 14px). */
  --ki-foundation-material3-typescale-tracking-body-small: 0.0333em; /** M3 md.sys.typescale.body-small.tracking (0.4px at 12px). */
  --ki-foundation-material3-typescale-tracking-label-large: 0.0071em; /** M3 md.sys.typescale.label-large.tracking (0.1px at 14px). */
  --ki-foundation-material3-typescale-tracking-label-medium: 0.0417em; /** M3 md.sys.typescale.label-medium.tracking (0.5px at 12px). */
  --ki-foundation-material3-typescale-tracking-label-small: 0.0455em; /** M3 md.sys.typescale.label-small.tracking (0.5px at 11px). */
  --ki-foundation-material3-typescale-weight-regular: 400; /** M3 md.ref.typeface.weight-regular (display, headline, title-large, body). */
  --ki-foundation-material3-typescale-weight-medium: 500; /** M3 md.ref.typeface.weight-medium (title-medium, title-small, label). */
  --ki-foundation-material3-typescale-weight-bold: 700; /** M3 md.ref.typeface.weight-bold (emphasis only; no baseline role uses it). */
  --ki-foundation-material3-elevation-key-color: rgba(0, 0, 0, 0.3); /** M3 key (umbra) shadow color: md.sys.color.shadow (#000000) at 30%. */
  --ki-foundation-material3-elevation-ambient-color: rgba(0, 0, 0, 0.15); /** M3 ambient (penumbra) shadow color: md.sys.color.shadow (#000000) at 15%. */
  --ki-foundation-material3-motion-duration-short-1: 50ms; /** M3 md.sys.motion.duration.short1. */
  --ki-foundation-material3-motion-duration-short-2: 100ms; /** M3 md.sys.motion.duration.short2. */
  --ki-foundation-material3-motion-duration-short-3: 150ms; /** M3 md.sys.motion.duration.short3. */
  --ki-foundation-material3-motion-duration-short-4: 200ms; /** M3 md.sys.motion.duration.short4. */
  --ki-foundation-material3-motion-duration-medium-1: 250ms; /** M3 md.sys.motion.duration.medium1. */
  --ki-foundation-material3-motion-duration-medium-2: 300ms; /** M3 md.sys.motion.duration.medium2. */
  --ki-foundation-material3-motion-duration-medium-3: 350ms; /** M3 md.sys.motion.duration.medium3. */
  --ki-foundation-material3-motion-duration-medium-4: 400ms; /** M3 md.sys.motion.duration.medium4. */
  --ki-foundation-material3-motion-duration-long-1: 450ms; /** M3 md.sys.motion.duration.long1. */
  --ki-foundation-material3-motion-duration-long-2: 500ms; /** M3 md.sys.motion.duration.long2. */
  --ki-foundation-material3-motion-duration-long-3: 550ms; /** M3 md.sys.motion.duration.long3. */
  --ki-foundation-material3-motion-duration-long-4: 600ms; /** M3 md.sys.motion.duration.long4. */
  --ki-foundation-material3-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1); /** M3 md.sys.motion.easing.emphasized (cubic-bezier approximation of the emphasized path). */
  --ki-foundation-material3-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1); /** M3 md.sys.motion.easing.emphasized-decelerate. */
  --ki-foundation-material3-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15); /** M3 md.sys.motion.easing.emphasized-accelerate. */
  --ki-foundation-material3-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1); /** M3 md.sys.motion.easing.standard. */
  --ki-foundation-material3-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1); /** M3 md.sys.motion.easing.standard-decelerate. */
  --ki-foundation-material3-motion-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1); /** M3 md.sys.motion.easing.standard-accelerate. */
  --ki-foundation-material3-component-tab-active-indicator-height: 3px; /** M3 md.comp.primary-navigation-tab.active-indicator.height: 3dp active tab indicator thickness. */
  --ki-duration-fast: 120ms;
  --ki-duration-moderate: 240ms; /** MarsUI motion scale: 2x the 120ms base, for medium transitions. */
  --ki-duration-slow: 360ms; /** MarsUI motion scale: 3x the 120ms base, for large or emphatic transitions. */
  --ki-duration-instant: 0ms; /** Zero-duration step: state changes that must not animate (reduced-motion fallbacks, immediate handoffs). */
  --ki-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ki-easing-out: cubic-bezier(0, 0, 0.58, 1);
  --ki-easing-in: cubic-bezier(0.42, 0, 1, 1); /** MarsUI accelerate curve: mirror of ki.easing.out (CSS ease-in). */
  --ki-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /** Gentle overshoot curve for glass pops and playful state transfers (completes the MarsUI single-curve family; no Figma motion variable exists). */
  --ki-button-primary-disabled-shadow: none; /** value used by the button component for primary disabled shadow. */
  --ki-button-secondary-disabled-shadow: none; /** value used by the button component for secondary disabled shadow. */
  --ki-button-tertiary-disabled-shadow: none; /** value used by the button component for tertiary disabled shadow. */
  --ki-button-quaternary-rest-shadow: none; /** value used by the button component for quaternary rest shadow. */
  --ki-button-quaternary-hover-shadow: none; /** value used by the button component for quaternary hover shadow. */
  --ki-button-quaternary-active-shadow: none; /** value used by the button component for quaternary active shadow. */
  --ki-button-quaternary-disabled-shadow: none; /** value used by the button component for quaternary disabled shadow. */
  --ki-button-ghost-rest-shadow: none; /** value used by the button component for ghost rest shadow. */
  --ki-button-ghost-hover-shadow: none; /** value used by the button component for ghost hover shadow. */
  --ki-button-ghost-active-shadow: none; /** value used by the button component for ghost active shadow. */
  --ki-button-ghost-disabled-shadow: none; /** value used by the button component for ghost disabled shadow. */
  --ki-icon-button-primary-disabled-shadow: none; /** value used by the icon button component for primary disabled shadow (Figma disabled drops every shadow). */
  --ki-icon-button-secondary-disabled-shadow: none; /** value used by the icon button component for secondary disabled shadow (Figma disabled drops every shadow). */
  --ki-icon-button-tertiary-disabled-shadow: none; /** value used by the icon button component for tertiary disabled shadow (Figma disabled drops every shadow). */
  --ki-icon-button-quaternary-rest-shadow: none; /** value used by the icon button component for quaternary rest shadow. */
  --ki-icon-button-quaternary-hover-shadow: none; /** value used by the icon button component for quaternary hover shadow. */
  --ki-icon-button-quaternary-active-shadow: none; /** value used by the icon button component for quaternary active shadow. */
  --ki-icon-button-quaternary-disabled-shadow: none; /** value used by the icon button component for quaternary disabled shadow (Figma disabled drops every shadow). */
  --ki-icon-button-ghost-rest-shadow: none; /** value used by the icon button component for ghost rest shadow. */
  --ki-icon-button-ghost-hover-shadow: none; /** value used by the icon button component for ghost hover shadow. */
  --ki-icon-button-ghost-active-shadow: none; /** value used by the icon button component for ghost active shadow. */
  --ki-icon-button-ghost-disabled-shadow: none; /** value used by the icon button component for ghost disabled shadow (Figma disabled drops every shadow). */
  --ki-color-brand-50: var(--ki-foundation-migrated-themes-onmars-color-brand-50);
  --ki-color-brand-100: var(--ki-foundation-migrated-themes-onmars-color-brand-100);
  --ki-color-brand-200: var(--ki-foundation-migrated-themes-onmars-color-brand-200);
  --ki-color-brand-300: var(--ki-foundation-migrated-themes-onmars-color-brand-300);
  --ki-color-brand-400: var(--ki-foundation-migrated-themes-onmars-color-brand-400);
  --ki-color-brand-500: var(--ki-foundation-migrated-themes-onmars-color-brand-500);
  --ki-color-brand-600: var(--ki-foundation-migrated-themes-onmars-color-brand-600);
  --ki-color-brand-700: var(--ki-foundation-migrated-themes-onmars-color-brand-700);
  --ki-color-brand-800: var(--ki-foundation-migrated-themes-onmars-color-brand-800);
  --ki-color-brand-900: var(--ki-foundation-migrated-themes-onmars-color-brand-900);
  --ki-color-brand-950: var(--ki-foundation-migrated-themes-onmars-color-brand-950);
  --ki-color-brand-500-alpha-1: var(--ki-foundation-migrated-themes-onmars-color-brand-500-alpha-1);
  --ki-color-brand-500-alpha-2: var(--ki-foundation-migrated-themes-onmars-color-brand-500-alpha-2);
  --ki-color-brand-500-alpha-3: var(--ki-foundation-migrated-themes-onmars-color-brand-500-alpha-3);
  --ki-color-brand-500-alpha-4: var(--ki-foundation-migrated-themes-onmars-color-brand-500-alpha-4);
  --ki-color-brand-500-alpha-5: var(--ki-foundation-migrated-themes-onmars-color-brand-500-alpha-5);
  --ki-color-brand-high-em: var(--ki-color-gray-950);
  --ki-color-brand-med-em: var(--ki-color-gray-700);
  --ki-color-brand-low-em: var(--ki-color-gray-600);
  --ki-color-brand-base-em: var(--ki-color-gray-400);
  --ki-color-brand-primary-text-on-primary: var(--ki-color-white-100);
  --ki-color-brand-primary-text-on-primary-light: var(--ki-foundation-migrated-themes-onmars-color-brand-600);
  --ki-color-brand-secondary-text-on-primary: var(--ki-color-white-72);
  --ki-color-brand-secondary-text-on-primary-light: var(--ki-foundation-migrated-themes-onmars-color-brand-secondary-text-on-primary-light);
  --ki-color-brand-primary-text-on-success: var(--ki-color-white-100);
  --ki-color-brand-secondary-text-on-success: var(--ki-color-white-72);
  --ki-shadow-inner-primary-default: inset 0px var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) 0px var(--ki-color-white-12); /** MarsUI Component_effect/primary_default inner highlight: inset White/12 0/3/3. */
  --ki-shadow-inner-primary-hover: inset 0px var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) 0px var(--ki-color-white-18); /** MarsUI Component_effect/primary_hover inner highlight: inset White/18 0/3/3. */
  --ki-shadow-inner-secondary-default: inset 0px var(--ki-shadow-effect-y) var(--ki-shadow-distance-2) 0px var(--ki-color-white-3); /** MarsUI Component_effect/secondary_default inner highlight: inset White/3 0/2/3. */
  --ki-shadow-inner-secondary-hover: inset 0px var(--ki-shadow-effect-y) var(--ki-shadow-distance-2) 0px var(--ki-color-white-8); /** MarsUI Component_effect/secondary_hover inner highlight: inset White/8 0/2/3. */
  --ki-border-hairline-base-em: var(--ki-size-border-hairline) solid var(--ki-color-black-3); /** 1px solid Outline/base_em hairline as a composed border (Black/3 light; the dark mode overrides the color to White/3). Lives in the primitive layer because composed borders carry the style keyword, which the non-primitive-literal contract forbids elsewhere; the color mirrors ki.outline.base-em. */
  --ki-foundation-migrated-component-button-button-tertiary-active-shadow: 0px 1px 2px 0px var(--ki-color-black-32), 0px 2px 6px 2px var(--ki-color-black-5);
  --ki-foundation-migrated-component-button-button-tertiary-hover-shadow: 0px 1px 3px 0px var(--ki-color-black-32), 0px 4px 8px 3px var(--ki-color-black-5);
  --ki-foundation-material3-elevation-level-1: 0px 1px 2px 0px var(--ki-foundation-material3-elevation-key-color), 0px 1px 3px 1px var(--ki-foundation-material3-elevation-ambient-color); /** M3 md.sys.elevation.level1: key 0 1 2 0 (30%) + ambient 0 1 3 1 (15%). */
  --ki-foundation-material3-elevation-level-2: 0px 1px 2px 0px var(--ki-foundation-material3-elevation-key-color), 0px 2px 6px 2px var(--ki-foundation-material3-elevation-ambient-color); /** M3 md.sys.elevation.level2: key 0 1 2 0 (30%) + ambient 0 2 6 2 (15%). */
  --ki-foundation-material3-elevation-level-3: 0px 1px 3px 0px var(--ki-foundation-material3-elevation-key-color), 0px 4px 8px 3px var(--ki-foundation-material3-elevation-ambient-color); /** M3 md.sys.elevation.level3: key 0 1 3 0 (30%) + ambient 0 4 8 3 (15%). */
  --ki-foundation-material3-elevation-level-4: 0px 2px 3px 0px var(--ki-foundation-material3-elevation-key-color), 0px 6px 10px 4px var(--ki-foundation-material3-elevation-ambient-color); /** M3 md.sys.elevation.level4: key 0 2 3 0 (30%) + ambient 0 6 10 4 (15%). */
  --ki-foundation-material3-elevation-level-5: 0px 4px 4px 0px var(--ki-foundation-material3-elevation-key-color), 0px 8px 12px 6px var(--ki-foundation-material3-elevation-ambient-color); /** M3 md.sys.elevation.level5: key 0 4 4 0 (30%) + ambient 0 8 12 6 (15%). */
  --ki-font-family-display: var(--ki-foundation-migrated-themes-onmars-font-family-body);
  --ki-font-family-body: var(--ki-foundation-migrated-themes-onmars-font-family-body);
  --ki-font-family-serif: var(--ki-foundation-migrated-themes-onmars-font-family-serif);
  --ki-font-family-mono: var(--ki-foundation-migrated-themes-onmars-font-family-mono);
  --ki-font-size-caption-1: var(--ki-space-lg);
  --ki-font-size-overline: var(--ki-foundation-migrated-themes-onmars-font-size-overline);
  --ki-font-size-caption-2: var(--ki-space-xl);
  --ki-font-size-body-1: var(--ki-foundation-migrated-themes-onmars-font-size-body-1);
  --ki-font-size-body-2: var(--ki-foundation-migrated-themes-onmars-font-size-body-2);
  --ki-font-size-title-1: var(--ki-foundation-migrated-themes-onmars-font-size-body-2);
  --ki-font-size-title-2: var(--ki-space-4xl);
  --ki-font-size-heading-1: var(--ki-space-6xl);
  --ki-font-size-heading-2: var(--ki-foundation-migrated-themes-onmars-font-size-heading-2);
  --ki-font-size-heading-3: var(--ki-space-10xl);
  --ki-font-size-heading-4: var(--ki-foundation-migrated-themes-onmars-font-size-heading-4);
  --ki-font-size-heading-5: var(--ki-space-15xl);
  --ki-font-size-heading-6: var(--ki-foundation-migrated-themes-onmars-font-size-heading-6);
  --ki-font-size-display-1: var(--ki-foundation-migrated-themes-onmars-font-size-display-1);
  --ki-font-size-display-2: var(--ki-space-21xl);
  --ki-font-size-display-3: var(--ki-space-23xl);
  --ki-font-line-height-overline: var(--ki-space-xl);
  --ki-font-line-height-caption-1: var(--ki-space-3xl);
  --ki-font-line-height-caption-2: var(--ki-space-3xl);
  --ki-font-line-height-para: var(--ki-space-5xl);
  --ki-font-line-height-body-1: var(--ki-space-7xl);
  --ki-font-line-height-body-2: var(--ki-space-7xl);
  --ki-font-line-height-title-1: var(--ki-space-7xl);
  --ki-font-line-height-title-2: var(--ki-space-7xl);
  --ki-font-line-height-heading-1: var(--ki-space-9xl);
  --ki-font-line-height-heading-2: var(--ki-space-11xl);
  --ki-font-line-height-heading-3: var(--ki-space-12xl);
  --ki-font-line-height-heading-4: var(--ki-space-14xl);
  --ki-font-line-height-heading-5: var(--ki-space-16xl);
  --ki-font-line-height-heading-6: var(--ki-foundation-migrated-themes-onmars-font-line-height-heading-6);
  --ki-font-line-height-display-1: var(--ki-space-20xl);
  --ki-font-line-height-display-2: var(--ki-space-20xl);
  --ki-font-line-height-display-3: var(--ki-space-22xl);
  --ki-font-weight-display-normal: var(--ki-foundation-migrated-themes-onmars-font-weight-display-normal);
  --ki-font-weight-display-medium: var(--ki-foundation-migrated-themes-onmars-font-weight-body-normal);
  --ki-font-weight-display-semibold: var(--ki-foundation-migrated-themes-onmars-font-weight-body-medium);
  --ki-font-weight-display-bold: var(--ki-foundation-migrated-themes-onmars-font-weight-body-semibold);
  --ki-font-weight-body-normal: var(--ki-foundation-migrated-themes-onmars-font-weight-body-normal);
  --ki-font-weight-body-medium: var(--ki-foundation-migrated-themes-onmars-font-weight-body-medium);
  --ki-font-weight-body-semibold: var(--ki-foundation-migrated-themes-onmars-font-weight-body-semibold);
  --ki-font-weight-body-bold: var(--ki-foundation-migrated-themes-onmars-font-weight-body-bold);
  --ki-font-letter-spacing-none: var(--ki-foundation-migrated-themes-onmars-font-letter-spacing-none);
  --ki-font-letter-spacing-spaced-out: var(--ki-foundation-migrated-themes-onmars-font-letter-spacing-spaced-out);
  --ki-font-letter-spacing-xs: var(--ki-foundation-migrated-themes-onmars-font-letter-spacing-xs);
  --ki-font-letter-spacing-sm: var(--ki-foundation-migrated-themes-onmars-font-letter-spacing-sm);
  --ki-font-letter-spacing-md: var(--ki-foundation-migrated-themes-onmars-font-letter-spacing-md);
  --ki-font-letter-spacing-lg: var(--ki-foundation-migrated-themes-onmars-font-letter-spacing-lg);
  --ki-surface-s0: var(--ki-color-white-100); /** semantic color for surface s0. */
  --ki-surface-s1: var(--ki-color-gray-50); /** semantic color for surface s1. */
  --ki-surface-s2: var(--ki-color-gray-100); /** semantic color for surface s2. */
  --ki-surface-s3: var(--ki-color-gray-200); /** semantic color for surface s3. */
  --ki-surface-s4: var(--ki-color-gray-300); /** semantic color for surface s4. */
  --ki-surface-s5: var(--ki-color-gray-400); /** semantic color for surface s5. */
  --ki-surface-special-blur-base-light: var(--ki-color-white-80); /** semantic color for surface special blur base light. */
  --ki-surface-special-blur-base-dark: var(--ki-color-white-88); /** semantic color for surface special blur base dark. */
  --ki-surface-special-secondary-alpha-base: var(--ki-color-gray-100-alpha-base); /** semantic color for surface special secondary alpha base. */
  --ki-surface-white: var(--ki-color-white-100); /** semantic color for surface white. */
  --ki-surface-inverse-white: var(--ki-color-black-100); /** semantic color for surface inverse white. */
  --ki-surface-black: var(--ki-color-black-100); /** semantic color for surface black. */
  --ki-surface-inverse-black: var(--ki-color-white-100); /** semantic color for surface inverse black. */
  --ki-surface-info-high-em: var(--ki-color-info-600); /** semantic color for surface info high em. */
  --ki-surface-info-med-em: var(--ki-color-info-500); /** semantic color for surface info med em. */
  --ki-surface-info-low-em: var(--ki-color-info-100); /** semantic color for surface info low em. */
  --ki-surface-info-base-em: var(--ki-color-info-50); /** semantic color for surface info base em. */
  --ki-surface-info-low-em-alpha: var(--ki-color-info-500-alpha-2); /** semantic color for surface info low em alpha. */
  --ki-surface-info-base-em-alpha: var(--ki-color-info-500-alpha-1); /** semantic color for surface info base em alpha. */
  --ki-surface-success-high-em: var(--ki-color-success-700); /** semantic color for surface success high em. */
  --ki-surface-success-med-em: var(--ki-color-success-500); /** semantic color for surface success med em. */
  --ki-surface-success-low-em: var(--ki-color-success-100); /** semantic color for surface success low em. */
  --ki-surface-success-base-em: var(--ki-color-success-50); /** semantic color for surface success base em. */
  --ki-surface-success-low-em-alpha: var(--ki-color-success-500-alpha-2); /** semantic color for surface success low em alpha. */
  --ki-surface-success-base-em-alpha: var(--ki-color-success-500-alpha-1); /** semantic color for surface success base em alpha. */
  --ki-surface-warning-high-em: var(--ki-color-warning-600); /** semantic color for surface warning high em. */
  --ki-surface-warning-med-em: var(--ki-color-warning-500); /** semantic color for surface warning med em. */
  --ki-surface-warning-low-em: var(--ki-color-warning-100); /** semantic color for surface warning low em. */
  --ki-surface-warning-base-em: var(--ki-color-warning-50); /** semantic color for surface warning base em. */
  --ki-surface-warning-low-em-alpha: var(--ki-color-warning-500-alpha-2); /** semantic color for surface warning low em alpha. */
  --ki-surface-warning-base-em-alpha: var(--ki-color-warning-500-alpha-1); /** semantic color for surface warning base em alpha. */
  --ki-surface-danger-high-em: var(--ki-color-danger-700); /** semantic color for surface danger high em. */
  --ki-surface-danger-med-em: var(--ki-color-danger-500); /** semantic color for surface danger med em. */
  --ki-surface-danger-low-em: var(--ki-color-danger-100); /** semantic color for surface danger low em. */
  --ki-surface-danger-base-em: var(--ki-color-danger-50); /** semantic color for surface danger base em. */
  --ki-surface-danger-low-em-alpha: var(--ki-color-danger-500-alpha-2); /** semantic color for surface danger low em alpha. */
  --ki-surface-danger-base-em-alpha: var(--ki-color-danger-500-alpha-1); /** semantic color for surface danger base em alpha. */
  --ki-surface-disabled-high-em: var(--ki-color-gray-500); /** semantic color for surface disabled high em. */
  --ki-surface-disabled-med-em: var(--ki-color-gray-300); /** semantic color for surface disabled med em. */
  --ki-surface-disabled-low-em: var(--ki-color-gray-200); /** semantic color for surface disabled low em. */
  --ki-surface-disabled-base-em: var(--ki-color-gray-100); /** semantic color for surface disabled base em. */
  --ki-surface-hover-overlay: var(--ki-color-white-5); /** semantic color for surface hover overlay. */
  --ki-surface-hover-overlay-inverse: var(--ki-color-black-3); /** semantic color for surface hover overlay inverse. */
  --ki-surface-pressed-overlay-inverse: var(--ki-color-black-5); /** Pressed interaction overlay for a surface whose fill is LIGHT, so the wash darkens: the next rung above hover-overlay-inverse (Black/3 -> Black/5 light, White/3 -> White/5 dark). The mirror of ki.state-layer.pressed, which is the next rung above hover-overlay and washes the other way. Two conventions exist because ki-button paints primary on a dark fill and secondary on a light one; a single pressed overlay would lighten one of them on press and read as less pressed, not more. */
  --ki-surface-success-high-em-hover: var(--ki-color-success-800); /** semantic color for surface success high em hover. */
  --ki-surface-danger-high-em-hover: var(--ki-color-danger-800); /** semantic color for surface danger high em hover. */
  --ki-text-text-on-neutral: var(--ki-color-white-100); /** semantic color for text text on neutral. */
  --ki-text-white: var(--ki-color-white-100); /** semantic color for text white. */
  --ki-text-inverse-white: var(--ki-color-black-100); /** semantic color for text inverse white. */
  --ki-text-black: var(--ki-color-black-100); /** semantic color for text black. */
  --ki-text-inverse-black: var(--ki-color-white-100); /** semantic color for text inverse black. */
  --ki-text-info-high-em: var(--ki-color-info-800); /** Darkened 600->800 in the light-scheme SOURCES (badge AA on the base-em tint; 010 D2 contingency, founder sign-off at merge). Reaches three of four contexts: onmars light, material3 light AND material3 dark — m3 defines no info/warning overrides, so its dark inherits these values by cascade; only onmars dark is pinned by the dark-mode file. */
  --ki-text-info-med-em: var(--ki-color-info-500); /** semantic color for text info med em. */
  --ki-text-info-low-em: var(--ki-color-info-300); /** semantic color for text info low em. */
  --ki-text-info-base-em: var(--ki-color-info-100); /** semantic color for text info base em. */
  --ki-text-success-high-em: var(--ki-color-success-700); /** semantic color for text success high em. */
  --ki-text-success-med-em: var(--ki-color-success-500); /** semantic color for text success med em. */
  --ki-text-success-low-em: var(--ki-color-success-300); /** semantic color for text success low em. */
  --ki-text-success-base-em: var(--ki-color-success-100); /** semantic color for text success base em. */
  --ki-text-warning-high-em: var(--ki-color-warning-800); /** Darkened 600->800 in the light-scheme SOURCES (badge AA on the base-em tint; 010 D2 contingency, founder sign-off at merge). Reaches three of four contexts: onmars light, material3 light AND material3 dark — m3 defines no info/warning overrides, so its dark inherits these values by cascade; only onmars dark is pinned by the dark-mode file. */
  --ki-text-warning-med-em: var(--ki-color-warning-500); /** semantic color for text warning med em. */
  --ki-text-warning-low-em: var(--ki-color-warning-300); /** semantic color for text warning low em. */
  --ki-text-warning-base-em: var(--ki-color-warning-100); /** semantic color for text warning base em. */
  --ki-text-danger-high-em: var(--ki-color-danger-700); /** semantic color for text danger high em. */
  --ki-text-danger-med-em: var(--ki-color-danger-500); /** semantic color for text danger med em. */
  --ki-text-danger-low-em: var(--ki-color-danger-300); /** semantic color for text danger low em. */
  --ki-text-danger-base-em: var(--ki-color-danger-100); /** semantic color for text danger base em. */
  --ki-text-none: var(--ki-color-transparent-white); /** semantic color for text none. */
  --ki-text-primary-on-danger: var(--ki-color-white-100); /** semantic color for text primary on danger. */
  --ki-outline-high-em: var(--ki-color-black-12); /** semantic color for outline high em. */
  --ki-outline-strong: var(--ki-color-black-48); /** semantic color for outline strong. */
  --ki-outline-control: var(--ki-color-black-48); /** The boundary of a control that can be EMPTY — field, checkbox, radio, switch. Such a control carries no label inside its own box, so the box IS what identifies it and must clear WCAG 1.4.11's 3:1 against every surface it can sit on (s0-s2). Pinned to an accessibility floor, NOT to a position in the emphasis ramp: rebalancing outline.base/low/med/high must never silently erase a control's edge. MarsUI draws Outline/Black-8 here, but as a bevel over a filled cell on a fixed canvas — transcribed literally it measured 1.19:1 against a fill identical to the page (audit 2026-07-25). Declared deviation. */
  --ki-outline-control-hover: var(--ki-color-black-56); /** Hover of outline-control. One step stronger, so hover stays a measurable delta on fields whose fill does not change on hover. */
  --ki-outline-med-em: var(--ki-color-black-8); /** semantic color for outline med em. */
  --ki-outline-low-em: var(--ki-color-black-5); /** semantic color for outline low em. */
  --ki-outline-base-em: var(--ki-color-black-3); /** semantic color for outline base em. */
  --ki-outline-white: var(--ki-color-white-100); /** semantic color for outline white. */
  --ki-outline-inverse-white: var(--ki-color-black-100); /** semantic color for outline inverse white. */
  --ki-outline-black: var(--ki-color-black-100); /** semantic color for outline black. */
  --ki-outline-inverse-black: var(--ki-color-white-100); /** semantic color for outline inverse black. */
  --ki-outline-info-high-em: var(--ki-color-info-500); /** semantic color for outline info high em. */
  --ki-outline-info-med-em: var(--ki-color-info-300); /** semantic color for outline info med em. */
  --ki-outline-info-low-em: var(--ki-color-info-200); /** semantic color for outline info low em. */
  --ki-outline-info-base-em: var(--ki-color-info-100); /** semantic color for outline info base em. */
  --ki-outline-info-low-em-alpha: var(--ki-color-info-500-alpha-4); /** semantic color for outline info low em alpha. */
  --ki-outline-info-base-em-alpha: var(--ki-color-info-500-alpha-2); /** semantic color for outline info base em alpha. */
  --ki-outline-success-high-em: var(--ki-color-success-500); /** semantic color for outline success high em. */
  --ki-outline-success-med-em: var(--ki-color-success-300); /** semantic color for outline success med em. */
  --ki-outline-success-low-em: var(--ki-color-success-200); /** semantic color for outline success low em. */
  --ki-outline-success-base-em: var(--ki-color-success-100); /** semantic color for outline success base em. */
  --ki-outline-success-low-em-alpha: var(--ki-color-success-500-alpha-4); /** semantic color for outline success low em alpha. */
  --ki-outline-success-base-em-alpha: var(--ki-color-success-500-alpha-2); /** semantic color for outline success base em alpha. */
  --ki-outline-warning-high-em: var(--ki-color-warning-500); /** semantic color for outline warning high em. */
  --ki-outline-warning-med-em: var(--ki-color-warning-300); /** semantic color for outline warning med em. */
  --ki-outline-warning-low-em: var(--ki-color-warning-200); /** semantic color for outline warning low em. */
  --ki-outline-warning-base-em: var(--ki-color-warning-100); /** semantic color for outline warning base em. */
  --ki-outline-warning-low-em-alpha: var(--ki-color-warning-500-alpha-4); /** semantic color for outline warning low em alpha. */
  --ki-outline-warning-base-em-alpha: var(--ki-color-warning-500-alpha-2); /** semantic color for outline warning base em alpha. */
  --ki-outline-danger-high-em: var(--ki-color-danger-500); /** semantic color for outline danger high em. */
  --ki-outline-danger-med-em: var(--ki-color-danger-300); /** semantic color for outline danger med em. */
  --ki-outline-danger-low-em: var(--ki-color-danger-200); /** semantic color for outline danger low em. */
  --ki-outline-danger-base-em: var(--ki-color-danger-100); /** semantic color for outline danger base em. */
  --ki-outline-danger-low-em-alpha: var(--ki-color-danger-500-alpha-4); /** semantic color for outline danger low em alpha. */
  --ki-outline-danger-base-em-alpha: var(--ki-color-danger-500-alpha-2); /** semantic color for outline danger base em alpha. */
  --ki-outline-none: var(--ki-color-transparent-white); /** semantic color for outline none. */
  --ki-outline-primary-button-top: var(--ki-color-black-8); /** semantic color for outline primary button top. */
  --ki-outline-primary-button-bottom: var(--ki-color-black-18); /** semantic color for outline primary button bottom. */
  --ki-outline-secondary-button-top: var(--ki-color-black-5); /** semantic color for outline secondary button top. */
  --ki-outline-secondary-button-bottom: var(--ki-color-black-12); /** semantic color for outline secondary button bottom. */
  --ki-inverse-white-alpha-3: var(--ki-color-black-3); /** semantic color for inverse white alpha 3. */
  --ki-inverse-white-alpha-6: var(--ki-color-black-5); /** semantic color for inverse white alpha 6. */
  --ki-inverse-white-alpha-9: var(--ki-color-black-8); /** semantic color for inverse white alpha 9. */
  --ki-inverse-white-alpha-12: var(--ki-color-black-12); /** semantic color for inverse white alpha 12. */
  --ki-inverse-white-alpha-18: var(--ki-color-black-18); /** semantic color for inverse white alpha 18. */
  --ki-inverse-white-alpha-24: var(--ki-color-black-24); /** semantic color for inverse white alpha 24. */
  --ki-inverse-white-alpha-32: var(--ki-color-black-32); /** semantic color for inverse white alpha 32. */
  --ki-inverse-white-alpha-40: var(--ki-color-black-40); /** semantic color for inverse white alpha 40. */
  --ki-inverse-white-alpha-48: var(--ki-color-black-48); /** semantic color for inverse white alpha 48. */
  --ki-inverse-white-alpha-56: var(--ki-color-black-56); /** semantic color for inverse white alpha 56. */
  --ki-inverse-white-alpha-64: var(--ki-color-black-64); /** semantic color for inverse white alpha 64. */
  --ki-inverse-white-alpha-72: var(--ki-color-black-72); /** semantic color for inverse white alpha 72. */
  --ki-inverse-white-alpha-80: var(--ki-color-black-80); /** semantic color for inverse white alpha 80. */
  --ki-inverse-white-alpha-88: var(--ki-color-black-88); /** semantic color for inverse white alpha 88. */
  --ki-inverse-white-alpha-solid: var(--ki-color-black-100); /** semantic color for inverse white alpha solid. */
  --ki-inverse-black-alpha-3: var(--ki-color-white-3); /** semantic color for inverse black alpha 3. */
  --ki-inverse-black-alpha-6: var(--ki-color-white-5); /** semantic color for inverse black alpha 6. */
  --ki-inverse-black-alpha-9: var(--ki-color-white-8); /** semantic color for inverse black alpha 9. */
  --ki-inverse-black-alpha-12: var(--ki-color-white-12); /** semantic color for inverse black alpha 12. */
  --ki-inverse-black-alpha-18: var(--ki-color-white-18); /** semantic color for inverse black alpha 18. */
  --ki-inverse-black-alpha-24: var(--ki-color-white-24); /** semantic color for inverse black alpha 24. */
  --ki-inverse-black-alpha-32: var(--ki-color-white-32); /** semantic color for inverse black alpha 32. */
  --ki-inverse-black-alpha-40: var(--ki-color-white-40); /** semantic color for inverse black alpha 40. */
  --ki-inverse-black-alpha-48: var(--ki-color-white-48); /** semantic color for inverse black alpha 48. */
  --ki-inverse-black-alpha-56: var(--ki-color-white-56); /** semantic color for inverse black alpha 56. */
  --ki-inverse-black-alpha-64: var(--ki-color-white-64); /** semantic color for inverse black alpha 64. */
  --ki-inverse-black-alpha-72: var(--ki-color-white-72); /** semantic color for inverse black alpha 72. */
  --ki-inverse-black-alpha-80: var(--ki-color-white-80); /** semantic color for inverse black alpha 80. */
  --ki-inverse-black-alpha-88: var(--ki-color-white-88); /** semantic color for inverse black alpha 88. */
  --ki-inverse-black-alpha-solid: var(--ki-color-white-100); /** semantic color for inverse black alpha solid. */
  --ki-overlay-high-em: var(--ki-color-black-40); /** semantic color for overlay high em. */
  --ki-overlay-high-em-inverse: var(--ki-color-white-12); /** semantic color for overlay high em inverse. */
  --ki-overlay-med-em: var(--ki-color-black-24); /** semantic color for overlay med em. */
  --ki-overlay-med-em-inverse: var(--ki-color-white-3); /** semantic color for overlay med em inverse. */
  --ki-state-layer-focus: var(--ki-color-white-8); /** Focus interaction state layer. M3 md.sys.state.focus.state-layer-opacity: 12% of the on-color. onmars: MarsUI overlay one step above hover_overlay (White/8 light, Black/8 dark). */
  --ki-state-layer-pressed: var(--ki-color-white-8); /** Pressed interaction state layer. M3 md.sys.state.pressed.state-layer-opacity: 12% of the on-color (same as focus). onmars: MarsUI overlay one step above hover_overlay (White/8 light, Black/8 dark). */
  --ki-state-layer-dragged: var(--ki-color-white-12); /** Dragged interaction state layer. M3 md.sys.state.dragged.state-layer-opacity: 16% of the on-color. onmars: MarsUI overlay two steps above hover_overlay (White/12 light, Black/12 dark). */
  --ki-elevation-shadow: var(--ki-color-black-3); /** semantic color for elevation shadow. */
  --ki-elevation-shadow-med: var(--ki-color-black-5); /** semantic color for elevation shadow med. */
  --ki-elevation-shadow-dark: var(--ki-color-black-32); /** semantic color for elevation shadow dark. */
  --ki-effect-component-backdrop-blur: var(--ki-blur-24); /** MarsUI Blur/24 as the component glass backdrop. Components consume this semantic name for backdrop-filter: blur(...) — never the ki.blur primitive directly (primitive-css-consumption gate). */
  --ki-transparent-inverse: var(--ki-color-transparent-white); /** semantic color for transparent inverse. */
  --ki-spacing-inline: var(--ki-space-md); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.space.md. */
  --ki-spacing-block: var(--ki-space-xl); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.space.xl. */
  --ki-corner-control: var(--ki-radius-md); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.radius.md. */
  --ki-motion-duration-fast: var(--ki-duration-fast); /** Fast interaction transition duration. */
  --ki-motion-duration-short-1: var(--ki-duration-fast); /** Shortest step of the duration scale. M3 md.sys.motion.duration.short1 (50ms). onmars: the MarsUI single-speed language (120ms), short steps collapse onto ki.duration.fast. */
  --ki-motion-duration-short-2: var(--ki-duration-fast); /** M3 md.sys.motion.duration.short2 (100ms). onmars: MarsUI 120ms (ki.duration.fast). */
  --ki-motion-duration-short-3: var(--ki-duration-fast); /** M3 md.sys.motion.duration.short3 (150ms). onmars: MarsUI 120ms (ki.duration.fast). */
  --ki-motion-duration-short-4: var(--ki-duration-fast); /** M3 md.sys.motion.duration.short4 (200ms). onmars: MarsUI 120ms (ki.duration.fast). */
  --ki-motion-duration-medium-1: var(--ki-duration-moderate); /** M3 md.sys.motion.duration.medium1 (250ms). onmars: MarsUI moderate step (240ms, 2x the 120ms base). */
  --ki-motion-duration-medium-2: var(--ki-duration-moderate); /** M3 md.sys.motion.duration.medium2 (300ms). onmars: MarsUI moderate step (240ms). */
  --ki-motion-duration-medium-3: var(--ki-duration-moderate); /** M3 md.sys.motion.duration.medium3 (350ms). onmars: MarsUI moderate step (240ms). */
  --ki-motion-duration-medium-4: var(--ki-duration-moderate); /** M3 md.sys.motion.duration.medium4 (400ms). onmars: MarsUI moderate step (240ms). */
  --ki-motion-duration-long-1: var(--ki-duration-slow); /** M3 md.sys.motion.duration.long1 (450ms). onmars: MarsUI slow step (360ms, 3x the 120ms base). */
  --ki-motion-duration-long-2: var(--ki-duration-slow); /** M3 md.sys.motion.duration.long2 (500ms). onmars: MarsUI slow step (360ms). */
  --ki-motion-duration-long-3: var(--ki-duration-slow); /** M3 md.sys.motion.duration.long3 (550ms). onmars: MarsUI slow step (360ms). */
  --ki-motion-duration-long-4: var(--ki-duration-slow); /** M3 md.sys.motion.duration.long4 (600ms). onmars: MarsUI slow step (360ms). */
  --ki-motion-duration-instant: var(--ki-duration-instant); /** Zero-duration step: transitions that must complete immediately (reduced-motion fallbacks, instant handoffs). */
  --ki-motion-easing-standard: var(--ki-easing-standard); /** Standard interaction transition easing curve. */
  --ki-motion-easing-out: var(--ki-easing-out); /** Decelerating interaction transition easing curve. */
  --ki-motion-easing-emphasized: var(--ki-easing-standard); /** Expressive hero-transition curve. M3 md.sys.motion.easing.emphasized. onmars: the MarsUI standard curve (single-curve language). */
  --ki-motion-easing-emphasized-decelerate: var(--ki-easing-out); /** Expressive entrance curve. M3 md.sys.motion.easing.emphasized-decelerate. onmars: the MarsUI decelerate curve (ki.easing.out). */
  --ki-motion-easing-emphasized-accelerate: var(--ki-easing-in); /** Expressive exit curve. M3 md.sys.motion.easing.emphasized-accelerate. onmars: the MarsUI accelerate curve (ki.easing.in). */
  --ki-motion-easing-standard-decelerate: var(--ki-easing-out); /** Utility entrance curve. M3 md.sys.motion.easing.standard-decelerate. onmars: the MarsUI decelerate curve (ki.easing.out). */
  --ki-motion-easing-standard-accelerate: var(--ki-easing-in); /** Utility exit curve. M3 md.sys.motion.easing.standard-accelerate. onmars: the MarsUI accelerate curve (ki.easing.in). */
  --ki-motion-easing-spring: var(--ki-easing-spring); /** Gentle overshoot curve for glass pops and playful state transfers. onmars: ki.easing.spring; no MarsUI Figma motion variable exists (documented completion of the motion language). */
  --ki-motion-distance-xs: var(--ki-space-xxs); /** Motion travel distance xs (2px): hover-lift offsets. */
  --ki-motion-distance-sm: var(--ki-space-xs); /** Motion travel distance sm (4px): small slide/settle offsets. */
  --ki-motion-distance-md: var(--ki-space-md); /** Motion travel distance md (8px): entrance slide offsets (e.g. dialog rise). */
  --ki-alert-padding-inline: var(--ki-space-xl); /** dimension used by the alert component for padding inline (MarsUI Alert master card: 12px on all four sides). */
  --ki-alert-padding-block: var(--ki-space-xl); /** dimension used by the alert component for padding block (MarsUI Alert master card: 12px on all four sides). */
  --ki-alert-gap: var(--ki-space-xl); /** dimension used by the alert component for gap (MarsUI Alert master card gap Space/xl 12px). */
  --ki-alert-text-gap: var(--ki-space-xs); /** dimension used by the alert component for the heading-to-message stack gap (MarsUI Text_wrap 4px, decoupled from the outer 12px card gap). */
  --ki-alert-radius: var(--ki-radius-component-md); /** dimension used by the alert component for radius (Info Notes pills measure component radius 8-10px; same 10px value, repointed to the component ramp so personality modes reach it. The card-form Alert master anchors 16px big_component/radius_xs — applies if ki-alert grows the icon-chip card form). */
  --ki-alert-border-width: var(--ki-space-zero); /** dimension used by the alert component for border width (MarsUI never strokes alert surfaces: Alert master, Info Notes and Toasts all carry width 0; tone lives in the fill and text. material3 keeps its 2px border via its override). */
  --ki-alert-dismiss-size: var(--ki-space-7xl); /** dimension used by the alert component for dismiss size. */
  --ki-alert-dismiss-icon-size: var(--ki-space-3xl); /** dimension used by the alert component for dismiss icon size (Figma close glyph box 16px inside the 24px raised circle; repointed from 18px per the fidelity audit). */
  --ki-alert-dismiss-border-width: var(--ki-size-border-hairline); /** dimension used by the alert component for the dismiss chip bevel stroke (MarsUI 24px raised circle: 1px Outline/secondary_button_top hairline). */
  --ki-alert-dismiss-radius: var(--ki-radius-round); /** dimension used by the alert component for the dismiss chip shape (MarsUI Radius/radius_round full circle). */
  --ki-alert-focus-ring-width: var(--ki-space-xxs); /** dimension used by the alert component for focus ring width. */
  --ki-alert-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the alert component for focus ring offset. */
  --ki-avatar-group-xxs-overlap: var(--ki-space-md); /** dimension used by the avatar group component for the xxs member overlap (the -8px stack step on the 20px Avatar_group frame — named xs in Figma, the vocabulary skew recorded in spec 019 Assumptions). */
  --ki-avatar-group-xxs-counter-padding-inline: var(--ki-space-md); /** dimension used by the avatar group component for xxs counter padding inline (raised to clear the 8px member tuck so the + glyph is never occluded; the 20px Figma frame ships no counter — synthesized step, founder review pending). */
  --ki-avatar-group-xs-overlap: var(--ki-space-md); /** dimension used by the avatar group component for the xs member overlap: the 24px group step exists in no Figma frame (five-step set), so it inherits the -8px overlap of the neighboring 20/32px frames (synthesized step, spec 019 Assumptions). */
  --ki-avatar-group-xs-counter-padding-inline: var(--ki-space-sm); /** dimension used by the avatar group component for the xs counter inline padding (synthesized 24px step extending the verified 8/10/12/14 ramp, declared for founder review). */
  --ki-avatar-group-sm-overlap: var(--ki-space-md); /** dimension used by the avatar group component for the sm member overlap (the exact -8px on the 32px Avatar_group frame 10087:2601). */
  --ki-avatar-group-sm-counter-padding-inline: var(--ki-space-md); /** dimension used by the avatar group component for the sm counter inline padding (Space/md 8px on the 32px frame). */
  --ki-avatar-group-md-overlap: var(--ki-space-xl); /** dimension used by the avatar group component for the md member overlap (the exact -12px on the 40px Avatar_group frame 10087:2701). */
  --ki-avatar-group-md-counter-padding-inline: var(--ki-space-lg); /** dimension used by the avatar group component for the md counter inline padding (Space/lg 10px on the 40px frame). */
  --ki-avatar-group-lg-overlap: var(--ki-space-xl); /** dimension used by the avatar group component for the lg member overlap (the exact -12px on the 48px Avatar_group frame 10090:2873). */
  --ki-avatar-group-lg-counter-padding-inline: var(--ki-space-xl); /** dimension used by the avatar group component for the lg counter inline padding (Space/xl 12px on the 48px frame). */
  --ki-avatar-group-xl-overlap: var(--ki-space-xl); /** dimension used by the avatar group component for the xl member overlap (the exact -12px on the 56px Avatar_group frame 10090:2973). */
  --ki-avatar-group-xl-counter-padding-inline: var(--ki-space-2xl); /** dimension used by the avatar group component for the xl counter inline padding (Space/2xl 14px on the 56px frame). */
  --ki-avatar-group-ring-width: var(--ki-space-zero); /** dimension used by the avatar group component for the separating ring around stacked members: NO Avatar_group frame draws a ring (verified across all five sizes), so onmars resolves the capability to zero — the ring stays a theme decision, never an attribute (FR-008). */
  --ki-avatar-group-counter-border-width: var(--ki-size-border-hairline); /** dimension used by the avatar group component for the counter border (MarsUI 1px hairline on the counter pill). */
  --ki-avatar-group-counter-radius: var(--ki-radius-round); /** dimension used by the avatar group component for the counter shape: Radius/component/radius_* resolves to 1000 in the MarsUI Round mode — the pill is a radius token, never an attribute. */
  --ki-avatar-xxs-size: var(--ki-space-5xl); /** dimension used by the avatar component for the xxs box (20px circle, Figma Space/5xl; specs/019-ki-avatar/design-extraction.md). */
  --ki-avatar-xxs-icon-size: var(--ki-space-2xl); /** dimension used by the avatar component for the xxs generic-figure glyph (MarsUI Icon/User 14px, Space/2xl). */
  --ki-avatar-xs-size: var(--ki-space-7xl); /** dimension used by the avatar component for the xs box (24px circle, Figma Space/7xl). */
  --ki-avatar-xs-icon-size: var(--ki-space-2xl); /** dimension used by the avatar component for the xs generic-figure glyph (MarsUI Icon/User 14px, same step as xxs — NOT the icon-button 16px ramp; verified on 10108:6230). */
  --ki-avatar-sm-size: var(--ki-space-10xl); /** dimension used by the avatar component for the sm box (32px circle, Figma Space/10xl). */
  --ki-avatar-sm-icon-size: var(--ki-space-4xl); /** dimension used by the avatar component for the sm generic-figure glyph (MarsUI Icon/User 18px, Space/4xl). */
  --ki-avatar-md-size: var(--ki-space-12xl); /** dimension used by the avatar component for the md box (40px circle, Figma Space/12xl, node 10011:947). */
  --ki-avatar-md-icon-size: var(--ki-space-5xl); /** dimension used by the avatar component for the md generic-figure glyph (MarsUI Icon/User 20px, Space/5xl). */
  --ki-avatar-lg-size: var(--ki-space-14xl); /** dimension used by the avatar component for the lg box (48px circle, Figma Space/14xl). */
  --ki-avatar-lg-icon-size: var(--ki-space-7xl); /** dimension used by the avatar component for the lg generic-figure glyph (MarsUI Icon/User 24px, Space/7xl). */
  --ki-avatar-xl-size: var(--ki-space-16xl); /** dimension used by the avatar component for the xl box (56px circle, Figma Space/16xl). */
  --ki-avatar-xl-icon-size: var(--ki-space-9xl); /** dimension used by the avatar component for the xl generic-figure glyph (MarsUI Icon/User 28px, Space/9xl). */
  --ki-avatar-radius: var(--ki-radius-round); /** dimension used by the avatar component for the shape: Radius/radius_round bound to every avatar variant — the circle is a radius token, never an attribute (002 shape precedent, FR-005). */
  --ki-avatar-border-width: var(--ki-size-border-hairline); /** dimension used by the avatar component for the surface border (MarsUI 1px hairline on Type=text; applied to the token surface behind initials and figure, dropped under a loaded portrait — design-extraction decision 4). */
  --ki-badge-sm-height: var(--ki-space-7xl); /** dimension used by the badge component for sm height. */
  --ki-badge-sm-padding-inline: var(--ki-space-md); /** dimension used by the badge component for sm padding inline (MarsUI total text inset 8px; paired with the border-width 0 + border-box change). */
  --ki-badge-sm-radius: var(--ki-radius-component-sm); /** dimension used by the badge component for sm radius (MarsUI Tag silhouette is an 8px rounded rect — Radius/component/radius_sm — never a pill). */
  --ki-badge-md-height: var(--ki-space-9xl); /** dimension used by the badge component for md height (MarsUI Tag md outer height 28px). */
  --ki-badge-md-padding-inline: var(--ki-space-lg); /** dimension used by the badge component for md padding inline (MarsUI total text inset 10px; paired with the border-width 0 + border-box change so the badge does not shrink). */
  --ki-badge-md-radius: var(--ki-radius-component-sm); /** dimension used by the badge component for md radius (MarsUI Tag: Radius/component/radius_sm 8px at both sm and md). */
  --ki-badge-border-width: var(--ki-space-zero); /** dimension used by the badge component for border width (MarsUI tone tags carry width 0 in default state; only the neutral glass type draws its 1px bevel via ki.badge.neutral.border-width. material3 keeps its border via its override). */
  --ki-badge-neutral-border-width: var(--ki-size-border-hairline); /** dimension used by the badge component for the neutral (secondary glass) border width: MarsUI draws the 1px bevel only on this type. */
  --ki-button-xs-height: var(--ki-space-7xl); /** dimension used by the button component for xs height. */
  --ki-button-xs-padding-inline: var(--ki-space-sm); /** dimension used by the button component for xs padding inline. */
  --ki-button-xs-gap: var(--ki-space-xs); /** dimension used by the button component for xs gap (MarsUI effective icon-to-text gap 4px). */
  --ki-button-xs-radius: var(--ki-radius-sm); /** dimension used by the button component for xs radius. */
  --ki-button-xs-icon-size: var(--ki-space-2xl); /** dimension used by the button component for xs icon size (MarsUI 14px). */
  --ki-button-xs-min-target: var(--ki-space-7xl); /** dimension used by the button component for xs min target. */
  --ki-button-sm-height: var(--ki-space-10xl); /** dimension used by the button component for sm height. */
  --ki-button-sm-padding-inline: var(--ki-space-md); /** dimension used by the button component for sm padding inline. */
  --ki-button-sm-gap: var(--ki-space-xs); /** dimension used by the button component for sm gap (interpolated between xs and md effective gaps). */
  --ki-button-sm-radius: var(--ki-radius-md); /** dimension used by the button component for sm radius. */
  --ki-button-sm-icon-size: var(--ki-space-3xl); /** dimension used by the button component for sm icon size. */
  --ki-button-sm-min-target: var(--ki-space-7xl); /** dimension used by the button component for sm min target. */
  --ki-button-md-height: var(--ki-space-12xl); /** dimension used by the button component for md height. */
  --ki-button-md-padding-inline: var(--ki-space-lg); /** dimension used by the button component for md padding inline. */
  --ki-button-md-gap: var(--ki-space-sm); /** dimension used by the button component for md gap (MarsUI effective icon-to-text gap 6px). */
  --ki-button-md-radius: var(--ki-radius-lg); /** dimension used by the button component for md radius. */
  --ki-button-md-icon-size: var(--ki-space-4xl); /** dimension used by the button component for md icon size. */
  --ki-button-md-min-target: var(--ki-space-7xl); /** dimension used by the button component for md min target. */
  --ki-button-lg-height: var(--ki-space-14xl); /** dimension used by the button component for lg height. */
  --ki-button-lg-padding-inline: var(--ki-space-xl); /** dimension used by the button component for lg padding inline. */
  --ki-button-lg-gap: var(--ki-space-sm); /** dimension used by the button component for lg gap. */
  --ki-button-lg-radius: var(--ki-radius-xl); /** dimension used by the button component for lg radius. */
  --ki-button-lg-icon-size: var(--ki-space-5xl); /** dimension used by the button component for lg icon size. */
  --ki-button-lg-min-target: var(--ki-space-7xl); /** dimension used by the button component for lg min target. */
  --ki-button-xl-height: var(--ki-space-16xl); /** dimension used by the button component for xl height. */
  --ki-button-xl-padding-inline: var(--ki-space-2xl); /** dimension used by the button component for xl padding inline (MarsUI 14px). */
  --ki-button-xl-gap: var(--ki-space-md); /** dimension used by the button component for xl gap (MarsUI effective icon-to-text gap 8px). */
  --ki-button-xl-radius: var(--ki-radius-2xl); /** dimension used by the button component for xl radius. */
  --ki-button-xl-icon-size: var(--ki-space-7xl); /** dimension used by the button component for xl icon size. */
  --ki-button-xl-min-target: var(--ki-space-7xl); /** dimension used by the button component for xl min target. */
  --ki-button-padding-block: var(--ki-space-xs); /** dimension used by the button component for padding block (MarsUI: 4px in every size). */
  --ki-button-label-padding-inline: var(--ki-space-xs); /** dimension used by the button component for the label Text_wrap inline padding (MarsUI 8003:300: 4px each side of the label; the flex gap subtracts the same value so icon-to-text keeps the composite distance). */
  --ki-button-focus-ring-width: var(--ki-space-xxs); /** dimension used by the button component for focus ring width. */
  --ki-button-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the button component for focus ring offset. */
  --ki-button-border-width: var(--ki-size-border-hairline); /** dimension used by the button component for border width (MarsUI bevel/outline stroke: 1px). */
  --ki-card-border-width: var(--ki-space-zero); /** dimension used by the card component for border width. */
  --ki-card-radius: var(--ki-radius-big-component-xs); /** dimension used by the card component for radius (MarsUI card surfaces ride the big_component scale: Dashboard_info 400x128 binds radius_xs 16px; large Chart cards anchor radius_lg 28px). */
  --ki-card-gap: var(--ki-space-xl); /** dimension used by the card component for gap (MarsUI Dashboard_info/Chart inter-region rhythm 12px; material3 keeps zero via its override). */
  --ki-card-media-padding: var(--ki-space-md); /** dimension used by the card component for media padding (MarsUI Dashboard masters inset media panels 8px inline; material3 keeps full-bleed zero via its override). */
  --ki-card-padding-block: var(--ki-space-3xl); /** dimension used by the card component for the surface block padding (16px carried by the card surface itself so stacked region paddings no longer double to 32px; formalizes the fallback ki-card.css already consumes). */
  --ki-card-media-radius: var(--ki-radius-big-component-sm); /** dimension used by the card component for slotted media corner radius (MarsUI nested media panel Radius/big_component/radius_sm 20px; formalizes the fallback ki-card.css already consumes). */
  --ki-card-backdrop-blur: var(--ki-blur-96); /** backdrop blur for the card glass surface (MarsUI Dashboard masters BACKGROUND_BLUR 96 = CSS 48px). Opt-in: ki-card.css does not consume it yet — enabling it is a component change gated on a perf measurement; material3 resolves blur none via its override. */
  --ki-card-header-padding: var(--ki-space-3xl); /** dimension used by the card component for header padding. */
  --ki-card-body-padding: var(--ki-space-3xl); /** dimension used by the card component for body padding. */
  --ki-card-footer-padding: var(--ki-space-3xl); /** dimension used by the card component for footer padding. */
  --ki-checkbox-control-size: var(--ki-space-5xl); /** dimension used by the checkbox component for control size. */
  --ki-checkbox-min-target: var(--ki-space-7xl); /** dimension used by the checkbox component for min target. */
  --ki-checkbox-gap: var(--ki-space-xl); /** dimension used by the checkbox component for gap (MarsUI md label pairing: Space/xl 12px for the 20px box). */
  --ki-checkbox-radius: var(--ki-radius-sm); /** dimension used by the checkbox component for radius (MarsUI Radius/radius_sm 6px bound on the box; Figma corner smoothing is an accepted rasterization gap). */
  --ki-checkbox-border-width: var(--ki-space-xxs); /** dimension used by the checkbox component for border width. */
  --ki-checkbox-focus-ring-width: var(--ki-space-xxs); /** dimension used by the checkbox component for focus ring width. */
  --ki-checkbox-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the checkbox component for focus ring offset. */
  --ki-dialog-radius: var(--ki-radius-big-component-sm); /** dimension used by the dialog component for radius (MarsUI compact Modal master 16414:19665: Radius/big_component/radius_sm 20px; the large variant anchors 24px big_component/radius_md). */
  --ki-dialog-padding: var(--ki-space-7xl); /** dimension used by the dialog component for padding. */
  --ki-dialog-gap: var(--ki-space-5xl); /** dimension used by the dialog component for gap. */
  --ki-dialog-min-width: var(--ki-size-surface-sm); /** dimension used by the dialog component for min width (surface size scale; the former ki.space.25xl reference misused the spacing scale). */
  --ki-dialog-max-width: var(--ki-size-surface-md); /** dimension used by the dialog component for max width (surface size scale; the former ki.space.26xl reference misused the spacing scale). */
  --ki-dialog-focus-ring-width: var(--ki-space-xxs); /** dimension used by the dialog component for focus ring width. */
  --ki-dialog-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the dialog component for focus ring offset. */
  --ki-divider-thickness: var(--ki-size-border-hairline); /** dimension used by the divider component for the rule thickness: the MarsUI 1px hairline verified on the Divider_horizontal/Divider_vertical sets (specs/020-ki-divider/design-extraction.md). */
  --ki-divider-radius: var(--ki-radius-round); /** dimension used by the divider component for the end caps: the MarsUI ends axis is a pure-appearance, per-theme choice (FR-006); onmars keeps the rounded hairline (ends=rounded, pill caps). */
  --ki-divider-spacing: var(--ki-space-md); /** dimension used by the divider component for the reserved gutter: the 8px MarsUI variant frame with the rule centered inside it (FR-007). */
  --ki-icon-button-xs-size: var(--ki-space-7xl); /** dimension used by the icon button component for xs box (24px square, Figma Space/7xl). */
  --ki-icon-button-xs-icon-size: var(--ki-space-3xl); /** dimension used by the icon button component for xs icon size (MarsUI Icon/Placeholder_xs 16px — one step above the button xs icon). */
  --ki-icon-button-xs-radius: var(--ki-radius-sm); /** dimension used by the icon button component for xs radius (Figma Radius/component/radius_xs 6, same ramp as button). */
  --ki-icon-button-sm-size: var(--ki-space-10xl); /** dimension used by the icon button component for sm box (32px square). */
  --ki-icon-button-sm-icon-size: var(--ki-space-4xl); /** dimension used by the icon button component for sm icon size (MarsUI Placeholder_sm 18px). */
  --ki-icon-button-sm-radius: var(--ki-radius-md); /** dimension used by the icon button component for sm radius (8, same ramp as button). */
  --ki-icon-button-md-size: var(--ki-space-12xl); /** dimension used by the icon button component for md box (40px square, Figma node 10078:3129). */
  --ki-icon-button-md-icon-size: var(--ki-space-5xl); /** dimension used by the icon button component for md icon size (MarsUI Placeholder_md 20px — the button md icon is 18px, 002 §3). */
  --ki-icon-button-md-radius: var(--ki-radius-lg); /** dimension used by the icon button component for md radius (10, same ramp as button). */
  --ki-icon-button-lg-size: var(--ki-space-14xl); /** dimension used by the icon button component for lg box (48px square). */
  --ki-icon-button-lg-icon-size: var(--ki-space-7xl); /** dimension used by the icon button component for lg icon size (MarsUI Placeholder_lg 24px). */
  --ki-icon-button-lg-radius: var(--ki-radius-xl); /** dimension used by the icon button component for lg radius (12, same ramp as button). */
  --ki-icon-button-xl-size: var(--ki-space-16xl); /** dimension used by the icon button component for xl box (56px square). */
  --ki-icon-button-xl-icon-size: var(--ki-space-9xl); /** dimension used by the icon button component for xl icon size (MarsUI Placeholder_xl 28px). */
  --ki-icon-button-xl-radius: var(--ki-radius-2xl); /** dimension used by the icon button component for xl radius (14, same ramp as button). */
  --ki-icon-button-border-width: var(--ki-size-border-hairline); /** dimension used by the icon button component for border width (MarsUI bevel/outline stroke: 1px, INNER — the square box already contains it). */
  --ki-icon-button-focus-ring-width: var(--ki-space-xxs); /** dimension used by the icon button component for focus ring width. */
  --ki-icon-button-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the icon button component for focus ring offset. */
  --ki-indicator-gap: var(--ki-space-sm); /** dimension used by the indicator component for the space between dots: Space/sm, the exact variable bound as the 6px gap of the composed Nav_indicator row (node 14195:5866, specs/024-ki-indicator/design-extraction.md). */
  --ki-indicator-dot-inline-size: var(--ki-space-md); /** dimension used by the indicator component for the resting dot inline size: Space/md, the exact variable bound as the 8px width of the State=inactive symbol; the painted circle is 8x8 centered in the 16px row line. */
  --ki-indicator-dot-block-size: var(--ki-space-md); /** dimension used by the indicator component for the resting dot block size: the 8px circle diameter measured in the State=inactive vector (the 16px frame height is row alignment, carried by the current dot). */
  --ki-indicator-dot-radius: var(--ki-radius-round); /** dimension used by the indicator component for the resting dot shape: Radius/radius_round bound in Figma — the round dot is a radius token, never an attribute (002 shape precedent). */
  --ki-indicator-dot-current-inline-size: var(--ki-space-10xl); /** dimension used by the indicator component for the current dot inline size: Space/10xl, the exact variable bound as the 32px width of the State=active pill — the MarsUI elongation lives here, never in an attribute (FR-007). */
  --ki-indicator-dot-current-block-size: var(--ki-space-3xl); /** dimension used by the indicator component for the current dot block size: Space/3xl, the exact variable bound as the 16px height of the State=active pill (the full row line; declared family extension, design-extraction §Decisiones). */
  --ki-indicator-dot-current-radius: var(--ki-radius-round); /** dimension used by the indicator component for the current dot shape: Radius/radius_round bound in Figma — the pill is a radius token, never an attribute (002 shape precedent). */
  --ki-indicator-dot-current-hole-block-size: var(--ki-space-sm); /** dimension used by the indicator component for the block size of the transparent hole cut from the current pill: the 6px cutout height measured in the State=active vector; the ring width derives by construction as (current block size − hole block size) / 2 and a theme resolves it to zero for a solid dot (declared family extension, design-extraction §Decisiones). */
  --ki-input-height: var(--ki-space-12xl); /** dimension used by the input component for height (MarsUI Input_field md cell: min-height 40px; consume as min-block-size so the field can grow). */
  --ki-input-min-target: var(--ki-space-7xl); /** dimension used by the input component for min target. */
  --ki-input-padding-inline: var(--ki-space-lg); /** dimension used by the input component for padding inline. */
  --ki-input-gap: var(--ki-space-xs); /** dimension used by the input component for gap. */
  --ki-input-label-gap: var(--ki-space-xs); /** dimension used by the input component for label gap. */
  --ki-input-label-padding-inline: var(--ki-space-xxs); /** dimension used by the input component for label padding inline (MarsUI Input_label row 2px inset aligning the label ink with the cell radius). */
  --ki-input-radius: var(--ki-radius-component-md); /** dimension used by the input component for radius (MarsUI Radius/component/radius_md 10px, the md Input_cell binding; component ramp so personality modes reach it). */
  --ki-input-icon-size: var(--ki-space-4xl); /** dimension used by the input component for icon size. */
  --ki-input-border-width: var(--ki-size-border-hairline); /** dimension used by the input component for border width (MarsUI Input_cell stroke: 1px hairline; the border color stays ki.outline.control per the 2026-07-25 declared a11y deviation). */
  --ki-input-focus-ring-width: var(--ki-space-xxs); /** dimension used by the input component for focus ring width. */
  --ki-input-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the input component for focus ring offset. */
  --ki-list-padding: var(--ki-space-zero); /** dimension used by the list component for padding. */
  --ki-list-gap: var(--ki-space-zero); /** dimension used by the list component for gap (MarsUI compositions stack rows contiguously; --ki-list-gap stays as the theme hook). */
  --ki-list-item-min-height: var(--ki-space-12xl); /** dimension used by the list component for item min height (MarsUI md text-only row is ~40px content-sized: 20px line + 2x10 padding). */
  --ki-list-item-min-height-multiline: var(--ki-space-16xl); /** dimension used by the list component for multiline item min height (MarsUI md two-line row measures 56px). */
  --ki-list-item-padding-inline: var(--ki-space-md); /** dimension used by the list component for item padding inline. */
  --ki-list-item-padding-block: var(--ki-space-lg); /** dimension used by the list component for item padding block (MarsUI md rows: Space/lg 10px). */
  --ki-list-item-gap: var(--ki-space-xl); /** dimension used by the list component for item gap (MarsUI md/lg rows: Space/xl 12px between start/content/end regions). */
  --ki-list-item-radius: var(--ki-radius-0); /** dimension used by the list component for item radius. */
  --ki-list-item-divider-width: var(--ki-space-zero); /** dimension used by the list component for item divider width (no divider renders in any master variant; the color hook ki.list.item.divider-color stays so consumers can opt hairlines back in). */
  --ki-option-min-target: var(--ki-space-11xl); /** dimension used by the option component for min target (MarsUI Dropmenu row height Space/11xl 36px; comfortably above the 24px a11y floor). */
  --ki-option-padding-inline: var(--ki-space-md); /** dimension used by the option component for padding inline. */
  --ki-option-radius: var(--ki-radius-component-lg); /** dimension used by the option component for radius (MarsUI Radius/component/radius_lg 12px bound on Dropmenu rows). */
  --ki-progress-linear-thickness: var(--ki-space-xs); /** dimension used by the progress component for linear thickness. */
  --ki-progress-linear-radius: var(--ki-radius-round); /** dimension used by the progress component for linear radius. */
  --ki-progress-circular-size: var(--ki-space-12xl); /** dimension used by the progress component for circular size. */
  --ki-progress-circular-track-width: var(--ki-space-xs); /** dimension used by the progress component for circular track width. */
  --ki-progress-indeterminate-duration: var(--ki-foundation-migrated-component-progress-progress-indeterminate-duration); /** duration used by the progress component for progress indeterminate duration. */
  --ki-qr-size: var(--ki-size-qr); /** dimension used by the qr component for size (MarsUI 128x128 symbol frame via the dedicated ki.size.qr surface size; replaces the 120px space-scale approximation). */
  --ki-qr-color: var(--ki-color-gray-950); /** color used by the qr component for module/finder ink (the master binds Text/high_em, whose light-scheme hue is Gray/950 #0a0c11; referenced as the scheme-stable primitive because FR-010 keeps QR ink from flipping in dark — 18.9:1 on white). */
  --ki-qr-module-radius: var(--ki-radius-0); /** dimension used by the qr component for the corner radius of every data module, in the code's internal coordinate space of 8px per module: Type=square (the set default) renders pure squares (radius 0); the documented round value is 4px (4px = half a module, the MarsUI Type=round dot carried as a token value, never an attribute — FR-007, 002 shape precedent). */
  --ki-qr-finder-radius: var(--ki-radius-0); /** dimension used by the qr component for the corner radius of the three finder rings, applied to the ring's midline in the code's internal coordinate space of 8px per module: Type=square renders square concentric finders (radius 0); the documented round value is 14px (14px midline = 18px outer edge, the 2.25-module radius measured on Type=round); the inner-edge and center radii derive by construction (stroke geometry and a 3/7 scale — design-extraction §5). */
  --ki-qr-quiet-zone: var(--ki-space-md); /** dimension used by the qr component for the light quiet zone around the modules: the 8px band measured on both 128px variants (about two modules of the sample matrices), painted as tile padding and preserved at any token-driven size (FR-008). */
  --ki-qr-radius: var(--ki-radius-0); /** dimension used by the qr component for the tile corners: the QR_code frames are square with no own radius (the rounded showcase card beneath is framing, not anatomy — design-extraction §1). */
  --ki-radio-group-gap: var(--ki-space-sm); /** dimension used by the radio group component for gap. */
  --ki-radio-control-size: var(--ki-space-5xl); /** dimension used by the radio component for control size. */
  --ki-radio-dot-size: var(--ki-space-md); /** dimension used by the radio component for dot size. */
  --ki-radio-min-target: var(--ki-space-7xl); /** dimension used by the radio component for min target. */
  --ki-radio-gap: var(--ki-space-xl); /** dimension used by the radio component for gap (MarsUI md label pairing: Space/xl 12px for the 20px circle / 24px target geometry). */
  --ki-radio-control-radius: var(--ki-radius-round); /** dimension used by the radio component for control radius. */
  --ki-radio-border-width: var(--ki-space-xxs); /** dimension used by the radio component for border width. */
  --ki-radio-focus-ring-width: var(--ki-space-xxs); /** dimension used by the radio component for focus ring width. */
  --ki-radio-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the radio component for focus ring offset. */
  --ki-scroller-thumb-thickness: var(--ki-space-xs); /** dimension used by the scroller component for the thumb cross size: the 4px pill measured inside the 8px MarsUI rail (rail = thumb + 2×gutter, verified 2026-07-17). */
  --ki-scroller-thumb-radius: var(--ki-radius-round); /** dimension used by the scroller component for the thumb shape: Radius/radius_round bound in Figma — the pill is a radius token, never an attribute (002 shape precedent). */
  --ki-scroller-thumb-min-length: var(--ki-space-3xl); /** dimension used by the scroller component for the minimum thumb length along the scroll axis: the 16px min-height on the Figma scroll pill; the actual length stays the native visible-fraction proportion (FR-003). */
  --ki-scroller-gutter: var(--ki-space-xxs); /** dimension used by the scroller component for the clearance on each side of the thumb: the 2px padding-inline of the 8px Scroller rail (rail thickness = thumb-thickness + 2×gutter). */
  --ki-scroller-track-inset: var(--ki-space-xs); /** dimension used by the scroller component for the rail end insets: Space/xs bound as the 4px padding along the scroll axis of both Scroller variants (design-extraction §Decisiones 5). */
  --ki-scroller-focus-ring-width: var(--ki-space-xxs); /** dimension used by the scroller component for the viewport focus ring width (ki-dialog precedent). */
  --ki-scroller-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the scroller component for the viewport focus ring offset (ki-dialog precedent). */
  --ki-select-height: var(--ki-space-12xl); /** dimension used by the select component for height. */
  --ki-select-min-target: var(--ki-space-7xl); /** dimension used by the select component for min target. */
  --ki-select-padding-inline: var(--ki-space-lg); /** dimension used by the select component for padding inline. */
  --ki-select-gap: var(--ki-space-xs); /** dimension used by the select component for gap. */
  --ki-select-radius: var(--ki-radius-component-md); /** dimension used by the select component for radius (MarsUI Radius/component/radius_md 10px; component ramp so personality modes reach it). */
  --ki-select-indicator-size: var(--ki-space-4xl); /** dimension used by the select component for indicator size. */
  --ki-select-indicator-glyph-size: var(--ki-space-md); /** dimension used by the select component for the chevron glyph box inside the 18px indicator slot (MarsUI Dropdown chevron 8px border-box square drawn by [part=indicator]::before). */
  --ki-select-border-width: var(--ki-size-border-hairline); /** dimension used by the select component for border width (MarsUI Input_cell strokeWeight 1px; the color stays ki.outline.control per the declared a11y deviation — only the 2px width was undocumented). */
  --ki-select-label-gap: var(--ki-space-xs); /** dimension used by the select component for label gap. */
  --ki-select-label-padding-inline: var(--ki-space-xxs); /** dimension used by the select component for label padding inline (MarsUI Input_label row 2px inset aligning the label ink with the cell radius; matches ki-input/ki-textarea). */
  --ki-select-listbox-backdrop-blur: var(--ki-blur-48); /** backdrop blur used by the select component listbox glass panel (MarsUI BACKGROUND_BLUR Blur/48 = CSS 24px; material3 resolves to blur none via its override). */
  --ki-select-listbox-radius: var(--ki-radius-big-component-sm); /** dimension used by the select component for listbox radius (MarsUI Radius/big_component/radius_sm 20px bound on the Dropmenu panel). */
  --ki-select-listbox-padding: var(--ki-space-xl); /** dimension used by the select component for listbox padding (MarsUI Dropmenu content inset Space/xl 12px). */
  --ki-select-listbox-max-block-size: var(--ki-size-surface-xs); /** dimension used by the select component for listbox max block size (surface size scale; the former ki.space.25xl reference misused the spacing scale). */
  --ki-select-listbox-offset: var(--ki-space-xs); /** dimension used by the select component for listbox offset. */
  --ki-select-focus-ring-width: var(--ki-space-xxs); /** dimension used by the select component for focus ring width. */
  --ki-select-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the select component for focus ring offset. */
  --ki-status-size: var(--ki-space-xs); /** dimension used by the status component for the dot: the MarsUI 4px dot, Space/xs bound to every Status variant (specs/021-ki-status/design-extraction.md). One size per theme, never an attribute (FR-006). */
  --ki-status-radius: var(--ki-radius-round); /** dimension used by the status component for the dot shape: Radius/radius_round bound in Figma — the round dot is a radius token, never an attribute (002 shape precedent). */
  --ki-status-ring-width: var(--ki-space-xxs); /** dimension used by the status component for the separating ring: the 2px stroke on every Outline=True Status variant (FR-002). */
  --ki-switch-track-width: var(--ki-space-12xl); /** dimension used by the switch component for track width. */
  --ki-switch-track-height: var(--ki-space-6xl); /** dimension used by the switch component for track height. */
  --ki-switch-thumb-size: var(--ki-space-4xl); /** dimension used by the switch component for thumb size. */
  --ki-switch-thumb-width: var(--ki-space-6xl); /** dimension used by the switch component for thumb inline size (MarsUI md pointer is 22x18 — wider than tall; thumb-size remains the block size). */
  --ki-switch-thumb-inset: var(--ki-space-xxs); /** dimension used by the switch component for thumb inset. */
  --ki-switch-gap: var(--ki-space-md); /** dimension used by the switch component for gap (MarsUI sm label pairing: Space/md 8px). */
  --ki-switch-track-radius: var(--ki-radius-md); /** dimension used by the switch component for track radius. */
  --ki-switch-thumb-radius: var(--ki-radius-round); /** dimension used by the switch component for thumb radius (MarsUI pointer corner radius is half the height with corner smoothing; radius_round clamps to the smoothed pill). */
  --ki-switch-border-width: var(--ki-size-border-hairline); /** dimension used by the switch component for border width (MarsUI tracks are borderless; the 1px hairline in ki.outline.control is the declared WCAG 1.4.11 deviation at half the former weight, so the control stops reading as an outlined pill). */
  --ki-switch-min-target: var(--ki-space-9xl); /** dimension used by the switch component for min target (MarsUI component frame is 28px tall for sm/md — the designed interactive footprint). */
  --ki-switch-glyph-width: var(--ki-space-md); /** dimension used by the switch component for the thumb state glyph inline size (Figma pointer exports: 8px check/dash ink box inside the thumb). */
  --ki-switch-glyph-height: var(--ki-space-sm); /** dimension used by the switch component for the thumb state glyph block size (Figma pointer exports: 4px check ink height). */
  --ki-switch-glyph-dash-height: var(--ki-space-xxs); /** dimension used by the switch component for the disabled dash glyph block size (Figma pointer exports: 8x2 rounded dash). */
  --ki-switch-focus-ring-width: var(--ki-space-xxs); /** dimension used by the switch component for focus ring width. */
  --ki-switch-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the switch component for focus ring offset. */
  --ki-tab-panel-padding-block: var(--ki-space-lg); /** dimension used by the tab panel component for padding block. */
  --ki-tab-panel-padding-inline: var(--ki-space-lg); /** dimension used by the tab panel component for padding inline. */
  --ki-tab-panel-focus-ring-width: var(--ki-space-xxs); /** dimension used by the tab panel component for focus ring width. */
  --ki-tab-panel-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the tab panel component for focus ring offset. */
  --ki-tab-min-block-size: var(--ki-space-12xl); /** dimension used by the tab component for min block size (MarsUI Tab_nav md bar height 40px: 24px body_1 label + 8px block-end clearance + underline; retargeted from ki.space.7xl per the fidelity audit — material3 pins its own value). */
  --ki-tab-padding-block-end: var(--ki-space-md); /** dimension used by the tab component for padding block end (MarsUI Tab_nav_item: 8px inset keeping the 2px underline clear of the 13/24 label; formalizes the fallback ki-tab.css already consumes). */
  --ki-tab-padding-inline: var(--ki-space-zero); /** dimension used by the tab component for padding inline (MarsUI items carry no inline padding: spacing comes from the bar gap and the underline spans the full item width). */
  --ki-tab-gap: var(--ki-space-xs); /** dimension used by the tab component for gap. */
  --ki-tab-radius: var(--ki-radius-sm); /** dimension used by the tab component for radius. */
  --ki-tab-indicator-size: var(--ki-space-xxs); /** dimension used by the tab component for indicator size. */
  --ki-tab-indicator-radius: var(--ki-radius-0); /** dimension used by the tab component for indicator radius (the master underline is a square-ended 2px bottom border). */
  --ki-tab-focus-ring-width: var(--ki-space-xxs); /** dimension used by the tab component for focus ring width. */
  --ki-tab-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the tab component for focus ring offset. */
  --ki-tabs-gap: var(--ki-space-8xl); /** dimension used by the tabs component for gap (MarsUI md bar item gap Space/8xl 26px; the gap carries all spacing now that items have zero inline padding). */
  --ki-tabs-divider-width: var(--ki-space-zero); /** dimension used by the tabs component for the tablist divider width (the Tab_nav bar has no stroke; the hook stays for consumers to opt back in — material3 keeps its hairline via its override). */
  --ki-textarea-padding-inline: var(--ki-space-xl); /** dimension used by the textarea component for padding inline (MarsUI 96px md textarea: 12px ink inset). */
  --ki-textarea-padding-block: var(--ki-space-xl); /** dimension used by the textarea component for padding block (MarsUI 96px md textarea: 12px ink inset). */
  --ki-textarea-label-gap: var(--ki-space-xs); /** dimension used by the textarea component for label gap. */
  --ki-textarea-label-padding-inline: var(--ki-space-xxs); /** dimension used by the textarea component for label padding inline (MarsUI Input_label row 2px inset aligning the label ink with the cell radius; matches ki-input). */
  --ki-textarea-radius: var(--ki-radius-component-md); /** dimension used by the textarea component for radius (MarsUI Radius/component/radius_md 10px for the md size; component ramp so personality modes reach it). */
  --ki-textarea-min-target: var(--ki-space-7xl); /** dimension used by the textarea component for min target. */
  --ki-textarea-border-width: var(--ki-size-border-hairline); /** dimension used by the textarea component for border width (MarsUI 1px hairline; the border color stays ki.outline.control per the declared a11y deviation). */
  --ki-textarea-focus-ring-width: var(--ki-space-xxs); /** dimension used by the textarea component for focus ring width. */
  --ki-textarea-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the textarea component for focus ring offset. */
  --ki-tooltip-radius: var(--ki-radius-big-component-xs); /** dimension used by the tooltip component for radius (MarsUI Tooltip master 12089:7621 List_wrap: Radius/big_component/radius_xs 16px). */
  --ki-tooltip-padding-inline: var(--ki-space-xl); /** dimension used by the tooltip component for padding inline (MarsUI card padding Space/xl 12px on all sides). */
  --ki-tooltip-padding-block: var(--ki-space-xl); /** dimension used by the tooltip component for padding block (MarsUI card padding Space/xl 12px on all sides). */
  --ki-tooltip-max-inline-size: var(--ki-size-surface-xxs); /** dimension used by the tooltip component for max inline size (288px; the master card is fixed 280px wide in its rich variants — the 8px divergence is a documented text-only reduction). */
  --ki-tooltip-offset: var(--ki-space-md); /** dimension used by the tooltip component for offset (MarsUI caret depth 8px with zero extra gap = trigger-to-card distance). */
  --ki-tooltip-border-width: var(--ki-size-border-hairline); /** dimension used by the tooltip component for the bevel outline width (MarsUI glass card 1px Outline/secondary_button_top stroke; replaces the 1px literal ki-tooltip.css shipped while the token was pending). */
  --ki-tooltip-show-delay: var(--ki-foundation-migrated-component-tooltip-tooltip-show-delay); /** duration used by the tooltip component for tooltip show delay. */
  --ki-tooltip-hide-delay: var(--ki-foundation-migrated-component-tooltip-tooltip-hide-delay); /** duration used by the tooltip component for tooltip hide delay. */
  --ki-video-frame-radius: var(--ki-radius-big-component-xs); /** dimension used by the video component for the frame corners: Radius/big_component/radius_xs, the exact variable bound to the Size=md Video frame (node 12089:6570, specs/025-ki-video/design-extraction.md) — the sm frame's radius_md is the scale demo, not a second API value. */
  --ki-video-scrim-radius: var(--ki-radius-component-6xl); /** dimension used by the video component for the overlay scrim shape: Radius/component/radius_6xl, the exact variable bound to the Size=md Play halo (28px pill-cornered square). */
  --ki-video-scrim-padding: var(--ki-space-3xl); /** dimension used by the video component for the scrim clearance around the play container: Space/3xl, the exact variable bound as the Size=md Play halo padding (16px on every side). */
  --ki-video-play-size: var(--ki-space-16xl); /** dimension used by the video component for the play container box: the 56px Icon_button instance of the Size=md Video (the ki-icon-button xl box; the sm variant's 40px box is the scale demo). */
  --ki-video-play-icon-size: var(--ki-space-9xl); /** dimension used by the video component for the play glyph: the 28px Icon/Placeholder_xl slot measured inside the Size=md play container (the ki-icon-button xl icon size). */
  --ki-video-play-radius: var(--ki-radius-component-xl); /** dimension used by the video component for the play container shape: Radius/component/radius_xl, the exact variable bound to the Size=md Icon_button instance (14px, the ki-icon-button xl radius). */
  --ki-video-play-border-width: var(--ki-size-border-hairline); /** dimension used by the video component for the play container bevel width (MarsUI hairline stroke, ki-icon-button precedent). */
  --ki-video-focus-ring-width: var(--ki-space-xxs); /** dimension used by the video component for the play control focus ring width (ki-dialog precedent). */
  --ki-video-focus-ring-offset: var(--ki-space-xxs); /** dimension used by the video component for the play control focus ring offset (ki-dialog precedent). */
  --ki-surface-special-light-s0-dark-s1: var(--ki-surface-s0); /** semantic color for surface special light s0 dark s1. */
  --ki-surface-special-light-s0-dark-s2: var(--ki-surface-s0); /** semantic color for surface special light s0 dark s2. */
  --ki-surface-special-light-s0-dark-s3: var(--ki-surface-s0); /** semantic color for surface special light s0 dark s3. */
  --ki-surface-special-light-s0-dark-s4: var(--ki-surface-s0); /** semantic color for surface special light s0 dark s4. */
  --ki-surface-special-light-s0-dark-s5: var(--ki-surface-s0); /** semantic color for surface special light s0 dark s5. */
  --ki-surface-special-dark-s0-light-s1: var(--ki-surface-s1); /** semantic color for surface special dark s0 light s1. */
  --ki-surface-special-dark-s0-light-s2: var(--ki-surface-s2); /** semantic color for surface special dark s0 light s2. */
  --ki-surface-special-dark-s0-light-s3: var(--ki-surface-s3); /** semantic color for surface special dark s0 light s3. */
  --ki-surface-special-dark-s0-light-s4: var(--ki-surface-s4); /** semantic color for surface special dark s0 light s4. */
  --ki-surface-special-dark-s0-light-s5: var(--ki-surface-s5); /** semantic color for surface special dark s0 light s5. */
  --ki-surface-special-light-s1-dark-s2: var(--ki-surface-s1); /** semantic color for surface special light s1 dark s2. */
  --ki-surface-special-light-s2-dark-s3: var(--ki-surface-s2); /** semantic color for surface special light s2 dark s3. */
  --ki-surface-special-light-s3-dark-s4: var(--ki-surface-s3); /** semantic color for surface special light s3 dark s4. */
  --ki-surface-special-light-s4-dark-s5: var(--ki-surface-s4); /** semantic color for surface special light s4 dark s5. */
  --ki-surface-primary-high-em: var(--ki-color-brand-600); /** semantic color for surface primary high em. */
  --ki-surface-primary-med-em: var(--ki-color-brand-500); /** semantic color for surface primary med em. */
  --ki-surface-primary-med-em-hover: var(--ki-color-brand-600); /** Hover of surface primary-med-em. Intensifies in the direction the scheme reads as 'more': darker on a light canvas (600), brighter on a dark one (400). Selection controls whose resting fill is the MarsUI default brand surface (brand-500) need a hover that is a real delta in BOTH schemes — primary-high-em collapses onto primary-med-em in dark. */
  --ki-surface-primary-low-em: var(--ki-color-brand-100); /** semantic color for surface primary low em. */
  --ki-surface-primary-base-em: var(--ki-color-brand-50); /** semantic color for surface primary base em. */
  --ki-surface-primary-low-em-alpha: var(--ki-color-brand-500-alpha-2); /** semantic color for surface primary low em alpha. */
  --ki-surface-primary-base-em-alpha: var(--ki-color-brand-500-alpha-1); /** semantic color for surface primary base em alpha. */
  --ki-surface-tint: var(--ki-color-brand-500); /** Surface tint color mixed into elevated surfaces. M3 md.sys.color.surface-tint (= primary; tone 40 light, 80 dark via the brand ramp). onmars: the brand accent — MarsUI elevation is shadow-based, so the tint stays the primary accent. */
  --ki-surface-base: var(--ki-surface-s0); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.surface.s0. */
  --ki-surface-raised: var(--ki-surface-s1); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.surface.s1. */
  --ki-surface-primary-high-em-hover: var(--ki-color-brand-500); /** semantic color for surface primary high em hover. */
  --ki-text-high-em: var(--ki-color-brand-high-em); /** semantic color for text high em. */
  --ki-text-med-em: var(--ki-color-brand-med-em); /** semantic color for text med em. */
  --ki-text-low-em: var(--ki-color-brand-low-em); /** semantic color for text low em. */
  --ki-text-base-em: var(--ki-color-brand-base-em); /** semantic color for text base em. */
  --ki-text-primary-on-primary: var(--ki-color-brand-primary-text-on-primary); /** semantic color for text primary on primary. */
  --ki-text-primary-on-primary-light: var(--ki-color-brand-primary-text-on-primary-light); /** semantic color for text primary on primary light. */
  --ki-text-secondary-on-primary: var(--ki-color-brand-secondary-text-on-primary); /** semantic color for text secondary on primary. */
  --ki-text-secondary-on-primary-light: var(--ki-color-brand-secondary-text-on-primary-light); /** semantic color for text secondary on primary light. */
  --ki-text-primary-on-success: var(--ki-color-brand-primary-text-on-success); /** semantic color for text primary on success. */
  --ki-text-secondary-on-success: var(--ki-color-brand-secondary-text-on-success); /** semantic color for text secondary on success. */
  --ki-text-inverse-primary: var(--ki-color-brand-300); /** Primary accent legible on the inverse surface. M3 md.sys.color.inverse-primary (primary tone 80 light / 40 dark). onmars: the opposite-scheme primary text tone (brand 300 light, brand 600 dark). */
  --ki-text-primary-high-em: var(--ki-color-brand-600); /** semantic color for text primary high em. */
  --ki-text-primary-med-em: var(--ki-color-brand-500); /** semantic color for text primary med em. */
  --ki-text-primary-low-em: var(--ki-color-brand-300); /** semantic color for text primary low em. */
  --ki-text-primary-base-em: var(--ki-color-brand-100); /** semantic color for text primary base em. */
  --ki-text-danger: var(--ki-text-danger-med-em); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.text.danger-med-em. */
  --ki-outline-primary-high-em: var(--ki-color-brand-500); /** semantic color for outline primary high em. */
  --ki-outline-primary-med-em: var(--ki-color-brand-300); /** semantic color for outline primary med em. */
  --ki-outline-primary-low-em: var(--ki-color-brand-200); /** semantic color for outline primary low em. */
  --ki-outline-primary-base-em: var(--ki-color-brand-100); /** semantic color for outline primary base em. */
  --ki-outline-primary-low-em-alpha: var(--ki-color-brand-500-alpha-4); /** semantic color for outline primary low em alpha. */
  --ki-outline-primary-base-em-alpha: var(--ki-color-brand-500-alpha-2); /** semantic color for outline primary base em alpha. */
  --ki-state-layer-hover: var(--ki-surface-hover-overlay); /** Hover interaction state layer. M3 md.sys.state.hover.state-layer-opacity: 8% of the on-color. onmars: the MarsUI hover_overlay (White/5 light, Black/5 dark). */
  --ki-elevation-e1: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow); /** MarsUI Elevation/e1. Scheme-aware: every layer colors through ki.elevation.shadow. */
  --ki-elevation-e2: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow); /** MarsUI Elevation/e2 (cumulative: e1 layers plus 0/3/3/-1.5). */
  --ki-elevation-e3: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-3) var(--ki-shadow-distance-3) var(--ki-shadow-spread-3) var(--ki-elevation-shadow); /** MarsUI Elevation/e3 (cumulative: e2 layers plus 0/20/20/-12). */
  --ki-elevation-e4: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-3) var(--ki-shadow-distance-3) var(--ki-shadow-spread-3) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-4) var(--ki-shadow-distance-4) var(--ki-shadow-spread-4) var(--ki-elevation-shadow); /** MarsUI Elevation/e4 (cumulative: e3 layers plus 0/32/32/-16). */
  --ki-elevation-e5: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-3) var(--ki-shadow-distance-3) var(--ki-shadow-spread-3) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-4) var(--ki-shadow-distance-4) var(--ki-shadow-spread-4) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-5) var(--ki-shadow-distance-5) var(--ki-shadow-spread-5) var(--ki-elevation-shadow); /** MarsUI Elevation/e5 (cumulative: e4 layers plus 0/56/56/-28). */
  --ki-elevation-e6: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-3) var(--ki-shadow-distance-3) var(--ki-shadow-spread-3) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-4) var(--ki-shadow-distance-4) var(--ki-shadow-spread-4) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-5) var(--ki-shadow-distance-5) var(--ki-shadow-spread-5) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-6) var(--ki-shadow-distance-6) var(--ki-shadow-spread-6) var(--ki-elevation-shadow); /** MarsUI Elevation/e6 (cumulative: e5 layers plus 0/72/72/-36). */
  --ki-effect-component-primary-default-shadow: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), var(--ki-shadow-inner-primary-default); /** MarsUI Component_effect/primary_default: drop 0/1/1/-0.5 plus inner White/12 0/3/3. Pair with backdrop-filter blur(var(--ki-effect-component-backdrop-blur)) — CSS cannot mix backdrop blur into box-shadow. */
  --ki-effect-component-primary-hover-shadow: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-3) var(--ki-shadow-distance-3) var(--ki-shadow-spread-3) var(--ki-elevation-shadow), var(--ki-shadow-inner-primary-hover); /** MarsUI Component_effect/primary_hover: drops 0/20/20/-12 + 0/3/3/-1.5 + 0/1/1/-0.5 plus inner White/18 0/3/3. Pair with backdrop-filter blur(var(--ki-effect-component-backdrop-blur)). */
  --ki-effect-component-secondary-default-shadow: 0 var(--ki-shadow-effect-y) var(--ki-shadow-effect-blur) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), var(--ki-shadow-inner-secondary-default); /** MarsUI Component_effect/secondary_default: drop 0/2/1.5/-0.5 plus inner White/3 0/2/3. Pair with backdrop-filter blur(var(--ki-effect-component-backdrop-blur)). */
  --ki-effect-component-secondary-hover-shadow: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-3) var(--ki-shadow-distance-3) var(--ki-shadow-spread-3) var(--ki-elevation-shadow), var(--ki-shadow-inner-secondary-hover); /** MarsUI Component_effect/secondary_hover: drops as primary_hover plus inner White/8 0/2/3. Pair with backdrop-filter blur(var(--ki-effect-component-backdrop-blur)). */
  --ki-effect-small-dark-shadow: 0 var(--ki-shadow-effect-y) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow-dark); /** MarsUI Small_dark_shadow: drop 0/2/3/-1.5 in Elevation/shadow_dark (Black/32 light, Black/48 dark). Lifts small light glyphs off saturated fills — the radio selected dot and the switch pointer carry it in the masters. */
  --ki-focus-gray: 0 0 0 var(--ki-shadow-ring) var(--ki-outline-med-em); /** MarsUI Focus/gray: 3px spread focus ring of Outline/med_em (scheme-aware via the outline token). */
  --ki-focus-danger: 0 0 0 var(--ki-shadow-ring) var(--ki-outline-danger-base-em-alpha); /** MarsUI Focus/danger: persistent 3px spread ring of Outline/danger_base_em_alpha (danger-500 at 20% light / 40% dark) — the danger state signal on Input_field and Dropdown masters (measured rgb(252,220,219) over white). Pairs with a white fill and hairline border; Kimen keeps its opaque danger border on top as a declared a11y deviation. */
  --ki-typography-family-display: var(--ki-font-family-display); /** semantic font family for typography family display. */
  --ki-typography-family-body: var(--ki-font-family-body); /** semantic font family for typography family body. */
  --ki-typography-family-serif: var(--ki-font-family-serif); /** semantic font family for typography family serif. */
  --ki-typography-family-mono: var(--ki-font-family-mono); /** semantic font family for typography family mono. */
  --ki-typography-family-base: var(--ki-font-family-body); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.typography.family.body. */
  --ki-typography-size-caption-1: var(--ki-font-size-caption-1); /** semantic dimension for typography size caption 1. */
  --ki-typography-size-overline: var(--ki-font-size-overline); /** semantic dimension for typography size overline. */
  --ki-typography-size-caption-2: var(--ki-font-size-caption-2); /** semantic dimension for typography size caption 2. */
  --ki-typography-size-body-1: var(--ki-font-size-body-1); /** semantic dimension for typography size body 1. */
  --ki-typography-size-body-2: var(--ki-font-size-body-2); /** semantic dimension for typography size body 2. */
  --ki-typography-size-title-1: var(--ki-font-size-title-1); /** semantic dimension for typography size title 1. */
  --ki-typography-size-title-2: var(--ki-font-size-title-2); /** semantic dimension for typography size title 2. */
  --ki-typography-size-heading-1: var(--ki-font-size-heading-1); /** semantic dimension for typography size heading 1. */
  --ki-typography-size-heading-2: var(--ki-font-size-heading-2); /** semantic dimension for typography size heading 2. */
  --ki-typography-size-heading-3: var(--ki-font-size-heading-3); /** semantic dimension for typography size heading 3. */
  --ki-typography-size-heading-4: var(--ki-font-size-heading-4); /** semantic dimension for typography size heading 4. */
  --ki-typography-size-heading-5: var(--ki-font-size-heading-5); /** semantic dimension for typography size heading 5. */
  --ki-typography-size-heading-6: var(--ki-font-size-heading-6); /** semantic dimension for typography size heading 6. */
  --ki-typography-size-display-1: var(--ki-font-size-display-1); /** semantic dimension for typography size display 1. */
  --ki-typography-size-display-2: var(--ki-font-size-display-2); /** semantic dimension for typography size display 2. */
  --ki-typography-size-display-3: var(--ki-font-size-display-3); /** semantic dimension for typography size display 3. */
  --ki-typography-size-body: var(--ki-font-size-body-1); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.typography.size.body-1. */
  --ki-typography-line-height-overline: var(--ki-font-line-height-overline); /** semantic dimension for typography line height overline. */
  --ki-typography-line-height-caption-1: var(--ki-font-line-height-caption-1); /** semantic dimension for typography line height caption 1. */
  --ki-typography-line-height-caption-2: var(--ki-font-line-height-caption-2); /** semantic dimension for typography line height caption 2. */
  --ki-typography-line-height-para: var(--ki-font-line-height-para); /** semantic dimension for typography line height para. */
  --ki-typography-line-height-body-1: var(--ki-font-line-height-body-1); /** semantic dimension for typography line height body 1. */
  --ki-typography-line-height-body-2: var(--ki-font-line-height-body-2); /** semantic dimension for typography line height body 2. */
  --ki-typography-line-height-title-1: var(--ki-font-line-height-title-1); /** semantic dimension for typography line height title 1. */
  --ki-typography-line-height-title-2: var(--ki-font-line-height-title-2); /** semantic dimension for typography line height title 2. */
  --ki-typography-line-height-heading-1: var(--ki-font-line-height-heading-1); /** semantic dimension for typography line height heading 1. */
  --ki-typography-line-height-heading-2: var(--ki-font-line-height-heading-2); /** semantic dimension for typography line height heading 2. */
  --ki-typography-line-height-heading-3: var(--ki-font-line-height-heading-3); /** semantic dimension for typography line height heading 3. */
  --ki-typography-line-height-heading-4: var(--ki-font-line-height-heading-4); /** semantic dimension for typography line height heading 4. */
  --ki-typography-line-height-heading-5: var(--ki-font-line-height-heading-5); /** semantic dimension for typography line height heading 5. */
  --ki-typography-line-height-heading-6: var(--ki-font-line-height-heading-6); /** semantic dimension for typography line height heading 6. */
  --ki-typography-line-height-display-1: var(--ki-font-line-height-display-1); /** semantic dimension for typography line height display 1. */
  --ki-typography-line-height-display-2: var(--ki-font-line-height-display-2); /** semantic dimension for typography line height display 2. */
  --ki-typography-line-height-display-3: var(--ki-font-line-height-display-3); /** semantic dimension for typography line height display 3. */
  --ki-typography-weight-display-normal: var(--ki-font-weight-display-normal); /** semantic font weight for typography weight display normal. */
  --ki-typography-weight-display-medium: var(--ki-font-weight-display-medium); /** semantic font weight for typography weight display medium. */
  --ki-typography-weight-display-semibold: var(--ki-font-weight-display-semibold); /** semantic font weight for typography weight display semibold. */
  --ki-typography-weight-display-bold: var(--ki-font-weight-display-bold); /** semantic font weight for typography weight display bold. */
  --ki-typography-weight-body-normal: var(--ki-font-weight-body-normal); /** semantic font weight for typography weight body normal. */
  --ki-typography-weight-body-medium: var(--ki-font-weight-body-medium); /** semantic font weight for typography weight body medium. */
  --ki-typography-weight-body-semibold: var(--ki-font-weight-body-semibold); /** semantic font weight for typography weight body semibold. */
  --ki-typography-weight-body-bold: var(--ki-font-weight-body-bold); /** semantic font weight for typography weight body bold. */
  --ki-typography-letter-spacing-none: var(--ki-font-letter-spacing-none); /** semantic dimension for typography letter spacing none. */
  --ki-typography-letter-spacing-spaced-out: var(--ki-font-letter-spacing-spaced-out); /** semantic dimension for typography letter spacing spaced out (MarsUI tracking spaced_out +2%, bound to overline styles). */
  --ki-typography-letter-spacing-xs: var(--ki-font-letter-spacing-xs); /** semantic dimension for typography letter spacing xs. */
  --ki-typography-letter-spacing-sm: var(--ki-font-letter-spacing-sm); /** semantic dimension for typography letter spacing sm. */
  --ki-typography-letter-spacing-md: var(--ki-font-letter-spacing-md); /** semantic dimension for typography letter spacing md. */
  --ki-typography-letter-spacing-lg: var(--ki-font-letter-spacing-lg); /** semantic dimension for typography letter spacing lg. */
  --ki-alert-neutral-bg: var(--ki-surface-s1); /** color used by the alert component for neutral background. */
  --ki-alert-neutral-border: var(--ki-outline-none); /** color used by the alert component for neutral border. */
  --ki-alert-success-bg: var(--ki-surface-success-base-em-alpha); /** color used by the alert component for success background (MarsUI Surface/success_base_em_alpha: tone-500 at 12% light / alpha dark — the Info-Note tint, replacing the opaque 50/950 slabs). */
  --ki-alert-success-fg: var(--ki-text-success-high-em); /** color used by the alert component for success foreground. */
  --ki-alert-success-border: var(--ki-outline-none); /** color used by the alert component for success border (MarsUI draws no tone border on any alert/note/toast surface). */
  --ki-alert-danger-bg: var(--ki-surface-danger-base-em-alpha); /** color used by the alert component for danger background (MarsUI Surface/danger_base_em_alpha: tone-500 at 12% light / alpha dark — the Info-Note tint, replacing the opaque 50/950 slabs). */
  --ki-alert-danger-fg: var(--ki-text-danger-high-em); /** color used by the alert component for danger foreground. */
  --ki-alert-danger-border: var(--ki-outline-none); /** color used by the alert component for danger border (MarsUI draws no tone border on any alert/note/toast surface). */
  --ki-alert-info-bg: var(--ki-surface-info-base-em-alpha); /** color used by the alert component for info background (MarsUI Surface/info_base_em_alpha: tone-500 at 12% light / alpha dark — the Info-Note tint, replacing the opaque 50/950 slabs). */
  --ki-alert-info-fg: var(--ki-text-info-high-em); /** color used by the alert component for info foreground (MarsUI brief §1 systematic em pattern: tone high-em text on tone base-em surface, matching the success/danger rows and the ki-badge tone matrix; AA 7.3:1). */
  --ki-alert-info-border: var(--ki-outline-none); /** color used by the alert component for info border (MarsUI draws no tone border on any alert/note/toast surface). */
  --ki-alert-warning-bg: var(--ki-surface-warning-base-em-alpha); /** color used by the alert component for warning background (MarsUI Surface/warning_base_em_alpha: tone-500 at 12% light / alpha dark — the Info-Note tint, replacing the opaque 50/950 slabs). */
  --ki-alert-warning-fg: var(--ki-text-warning-high-em); /** color used by the alert component for warning foreground (MarsUI brief §1 systematic em pattern: tone high-em text on tone base-em surface, matching the success/danger rows and the ki-badge tone matrix; AA 5.5:1). */
  --ki-alert-warning-border: var(--ki-outline-none); /** color used by the alert component for warning border (MarsUI draws no tone border on any alert/note/toast surface). */
  --ki-alert-dismiss-hover-bg: var(--ki-surface-hover-overlay-inverse); /** color used by the alert component for dismiss hover background (MarsUI hover mechanism: hover_overlay_inverse Black/3 wash — the dismiss chip previously had zero visible hover change). */
  --ki-avatar-group-ring-color: var(--ki-outline-none); /** color used by the avatar group component for the separating ring: transparent while the onmars ring width is zero (FR-008; a future theme may resolve both). */
  --ki-avatar-group-counter-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the avatar group component for the +N counter surface: Surface/special/secondary_alpha_base, the exact variable on the secondary-button-styled counter of every capped Avatar_group frame. */
  --ki-avatar-group-counter-border-color: var(--ki-outline-secondary-button-top); /** color used by the avatar group component for the counter border: Outline/secondary_button_top, the exact variable on the counter pill (the secondary-button bevel top edge). */
  --ki-avatar-border-color: var(--ki-outline-base-em); /** color used by the avatar component for the surface border: Outline/base_em (Black/3 light, White/3 dark), the exact variable on Type=text variants. */
  --ki-badge-neutral-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the badge component for neutral background (MarsUI secondary glass Tag: Surface/special/secondary_alpha_base Gray-100 alpha light / Dark-700 blur base dark — the same fill as ki-button secondary; completes the glass bevel/blur/shadow the component already draws. material3 keeps the opaque s2 chip via its override). */
  --ki-badge-neutral-border: var(--ki-outline-secondary-button-top); /** color used by the badge component for neutral border (MarsUI secondary Tag bevel: Outline/secondary_button_top; drawn at ki.badge.neutral.border-width). */
  --ki-badge-success-bg: var(--ki-surface-success-base-em-alpha); /** color used by the badge component for success background (MarsUI Surface/success_base_em_alpha: tone-500 at 12% light — the tint composites over any surface and the dark alias adapts automatically). */
  --ki-badge-success-fg: var(--ki-text-success-high-em); /** color used by the badge component for success foreground. */
  --ki-badge-success-border: var(--ki-outline-none); /** color used by the badge component for success border. */
  --ki-badge-danger-bg: var(--ki-surface-danger-base-em-alpha); /** color used by the badge component for danger background (MarsUI Surface/danger_base_em_alpha: tone-500 at 12% light — the tint composites over any surface and the dark alias adapts automatically). */
  --ki-badge-danger-fg: var(--ki-text-danger-high-em); /** color used by the badge component for danger foreground. */
  --ki-badge-danger-border: var(--ki-outline-none); /** color used by the badge component for danger border. */
  --ki-badge-info-bg: var(--ki-surface-info-base-em-alpha); /** color used by the badge component for info background (MarsUI Surface/info_base_em_alpha: tone-500 at 12% light — the tint composites over any surface and the dark alias adapts automatically). */
  --ki-badge-info-fg: var(--ki-text-info-high-em); /** color used by the badge component for info foreground. */
  --ki-badge-info-border: var(--ki-outline-none); /** color used by the badge component for info border. */
  --ki-badge-warning-bg: var(--ki-surface-warning-base-em-alpha); /** color used by the badge component for warning background (MarsUI Surface/warning_base_em_alpha: tone-500 at 12% light — the tint composites over any surface and the dark alias adapts automatically). */
  --ki-badge-warning-fg: var(--ki-text-warning-high-em); /** color used by the badge component for warning foreground. */
  --ki-badge-warning-border: var(--ki-outline-none); /** color used by the badge component for warning border. */
  --ki-button-backdrop-blur: var(--ki-effect-component-backdrop-blur); /** backdrop blur used by the button component glass variants (primary/secondary). material3 resolves to blur none via the semantic override. */
  --ki-button-primary-neutral-rest-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary neutral rest border (MarsUI bevel top/inline edge). */
  --ki-button-primary-neutral-hover-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary neutral hover border (MarsUI bevel top/inline edge). */
  --ki-button-primary-neutral-active-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary neutral active border (MarsUI bevel top/inline edge). */
  --ki-button-primary-neutral-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for primary neutral disabled background. Deliberate deviation: Figma disabled is Surface/disabled_base_em gray.100 with gray.400 text (≈1.4:1); Kimen keeps gray.200 for contrast (precedent 010 D2, pending founder ratification). */
  --ki-button-primary-neutral-disabled-border: var(--ki-outline-none); /** color used by the button component for primary neutral disabled border. */
  --ki-button-primary-success-rest-bg: var(--ki-surface-success-high-em); /** color used by the button component for primary success rest background. Deliberate deviation: Figma specifies the 500 ramp (Surface/success_med_em #409b3f) but white on 500 is ≈3.5:1 < AA 4.5:1; Kimen keeps the 700 ramp (precedent 010 D2, pending founder ratification). */
  --ki-button-primary-success-rest-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary success rest border (MarsUI bevel top/inline edge). */
  --ki-button-primary-success-hover-bg: var(--ki-surface-success-high-em); /** color used by the button component for primary success hover background (MarsUI: rest fill; hover lightening comes from the hover overlay). */
  --ki-button-primary-success-hover-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary success hover border (MarsUI bevel top/inline edge). */
  --ki-button-primary-success-active-bg: var(--ki-surface-success-high-em); /** color used by the button component for primary success active background. */
  --ki-button-primary-success-active-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary success active border (MarsUI bevel top/inline edge). */
  --ki-button-primary-success-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for primary success disabled background. */
  --ki-button-primary-success-disabled-border: var(--ki-outline-none); /** color used by the button component for primary success disabled border. */
  --ki-button-primary-danger-rest-bg: var(--ki-surface-danger-high-em); /** color used by the button component for primary danger rest background. Deliberate deviation: Figma specifies the 500 ramp (Surface/danger_med_em #f05149) but white on 500 is ≈3.5:1 < AA 4.5:1; Kimen keeps the 700 ramp (precedent 010 D2, pending founder ratification). */
  --ki-button-primary-danger-rest-fg: var(--ki-text-primary-on-danger); /** color used by the button component for primary danger rest foreground. */
  --ki-button-primary-danger-rest-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary danger rest border (MarsUI bevel top/inline edge). */
  --ki-button-primary-danger-hover-bg: var(--ki-surface-danger-high-em); /** color used by the button component for primary danger hover background (MarsUI: rest fill; hover lightening comes from the hover overlay). */
  --ki-button-primary-danger-hover-fg: var(--ki-text-primary-on-danger); /** color used by the button component for primary danger hover foreground. */
  --ki-button-primary-danger-hover-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary danger hover border (MarsUI bevel top/inline edge). */
  --ki-button-primary-danger-active-bg: var(--ki-surface-danger-high-em); /** color used by the button component for primary danger active background. */
  --ki-button-primary-danger-active-fg: var(--ki-text-primary-on-danger); /** color used by the button component for primary danger active foreground. */
  --ki-button-primary-danger-active-border: var(--ki-outline-primary-button-top); /** color used by the button component for primary danger active border (MarsUI bevel top/inline edge). */
  --ki-button-primary-danger-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for primary danger disabled background. */
  --ki-button-primary-danger-disabled-border: var(--ki-outline-none); /** color used by the button component for primary danger disabled border. */
  --ki-button-primary-rest-border-bottom: var(--ki-outline-primary-button-bottom); /** color used by the button component for the primary bevel bottom edge (MarsUI Outline/primary_button_bottom). */
  --ki-button-primary-hover-overlay: var(--ki-surface-hover-overlay); /** color used by the button component for the primary hover overlay layer (MarsUI hover_overlay, White/5). */
  --ki-button-primary-active-overlay: var(--ki-state-layer-pressed); /** Pressed state layer for the primary button: primary paints on a dark brand fill, so its wash lightens: the next rung above ki.surface.hover-overlay (White/5 -> White/8 light). Replaces this variant's share of a 45-cell active bg/fg/border matrix whose values were documented mirrors of rest and which WITHDREW the hover overlay rather than deepening it, an appearance legible only to a pointer user who had hovered first. */
  --ki-button-secondary-neutral-rest-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the button component for secondary neutral rest background (MarsUI Surface/special/secondary_alpha_base: gray glass, not a brand tint). */
  --ki-button-secondary-neutral-rest-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary neutral rest border (MarsUI bevel top/inline edge). */
  --ki-button-secondary-neutral-hover-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the button component for secondary neutral hover background (MarsUI: rest fill; hover darkening comes from the hover overlay). */
  --ki-button-secondary-neutral-hover-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary neutral hover border (MarsUI bevel top/inline edge). */
  --ki-button-secondary-neutral-active-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the button component for secondary neutral active background (MarsUI defines no pressed state; mirrors rest). */
  --ki-button-secondary-neutral-active-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary neutral active border (MarsUI bevel top/inline edge). */
  --ki-button-secondary-neutral-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for secondary neutral disabled background. */
  --ki-button-secondary-neutral-disabled-border: var(--ki-outline-none); /** color used by the button component for secondary neutral disabled border. */
  --ki-button-secondary-success-rest-bg: var(--ki-surface-success-base-em); /** color used by the button component for secondary success rest background. */
  --ki-button-secondary-success-rest-fg: var(--ki-text-success-high-em); /** color used by the button component for secondary success rest foreground. */
  --ki-button-secondary-success-rest-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary success rest border (MarsUI bevel top/inline edge, variant trait). */
  --ki-button-secondary-success-hover-bg: var(--ki-surface-success-low-em); /** color used by the button component for secondary success hover background. */
  --ki-button-secondary-success-hover-fg: var(--ki-text-success-high-em); /** color used by the button component for secondary success hover foreground. */
  --ki-button-secondary-success-hover-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary success hover border (MarsUI bevel top/inline edge, variant trait). */
  --ki-button-secondary-success-active-bg: var(--ki-surface-success-low-em); /** color used by the button component for secondary success active background. */
  --ki-button-secondary-success-active-fg: var(--ki-text-success-high-em); /** color used by the button component for secondary success active foreground. */
  --ki-button-secondary-success-active-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary success active border (MarsUI bevel top/inline edge, variant trait). */
  --ki-button-secondary-success-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for secondary success disabled background. */
  --ki-button-secondary-success-disabled-border: var(--ki-outline-none); /** color used by the button component for secondary success disabled border. */
  --ki-button-secondary-danger-rest-bg: var(--ki-surface-danger-base-em); /** color used by the button component for secondary danger rest background. */
  --ki-button-secondary-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the button component for secondary danger rest foreground. */
  --ki-button-secondary-danger-rest-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary danger rest border (MarsUI bevel top/inline edge, variant trait). */
  --ki-button-secondary-danger-hover-bg: var(--ki-surface-danger-low-em); /** color used by the button component for secondary danger hover background. */
  --ki-button-secondary-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the button component for secondary danger hover foreground. */
  --ki-button-secondary-danger-hover-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary danger hover border (MarsUI bevel top/inline edge, variant trait). */
  --ki-button-secondary-danger-active-bg: var(--ki-surface-danger-low-em); /** color used by the button component for secondary danger active background. */
  --ki-button-secondary-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the button component for secondary danger active foreground. */
  --ki-button-secondary-danger-active-border: var(--ki-outline-secondary-button-top); /** color used by the button component for secondary danger active border (MarsUI bevel top/inline edge, variant trait). */
  --ki-button-secondary-danger-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for secondary danger disabled background. */
  --ki-button-secondary-danger-disabled-border: var(--ki-outline-none); /** color used by the button component for secondary danger disabled border. */
  --ki-button-secondary-rest-border-bottom: var(--ki-outline-secondary-button-bottom); /** color used by the button component for the secondary bevel bottom edge (MarsUI Outline/secondary_button_bottom). */
  --ki-button-secondary-hover-overlay: var(--ki-surface-hover-overlay-inverse); /** color used by the button component for the secondary hover overlay layer (MarsUI hover_overlay_inverse, Black/3). */
  --ki-button-secondary-active-overlay: var(--ki-surface-pressed-overlay-inverse); /** Pressed state layer for the secondary button: secondary paints on a light fill, so its wash darkens: the next rung above ki.surface.hover-overlay-inverse (Black/3 -> Black/5 light). Replaces this variant's share of a 45-cell active bg/fg/border matrix whose values were documented mirrors of rest and which WITHDREW the hover overlay rather than deepening it, an appearance legible only to a pointer user who had hovered first. */
  --ki-button-tertiary-neutral-rest-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary neutral rest border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-neutral-hover-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary neutral hover border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-neutral-active-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary neutral active border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-neutral-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for tertiary neutral disabled background. */
  --ki-button-tertiary-neutral-disabled-border: var(--ki-outline-none); /** color used by the button component for tertiary neutral disabled border. */
  --ki-button-tertiary-success-rest-fg: var(--ki-text-success-high-em); /** color used by the button component for tertiary success rest foreground. */
  --ki-button-tertiary-success-rest-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary success rest border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-success-hover-fg: var(--ki-text-success-high-em); /** color used by the button component for tertiary success hover foreground. */
  --ki-button-tertiary-success-hover-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary success hover border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-success-active-fg: var(--ki-text-success-high-em); /** color used by the button component for tertiary success active foreground. */
  --ki-button-tertiary-success-active-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary success active border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-success-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for tertiary success disabled background. */
  --ki-button-tertiary-success-disabled-border: var(--ki-outline-none); /** color used by the button component for tertiary success disabled border. */
  --ki-button-tertiary-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the button component for tertiary danger rest foreground. */
  --ki-button-tertiary-danger-rest-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary danger rest border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the button component for tertiary danger hover foreground. */
  --ki-button-tertiary-danger-hover-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary danger hover border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the button component for tertiary danger active foreground. */
  --ki-button-tertiary-danger-active-border: var(--ki-outline-secondary-button-top); /** color used by the button component for tertiary danger active border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-button-tertiary-danger-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the button component for tertiary danger disabled background. */
  --ki-button-tertiary-danger-disabled-border: var(--ki-outline-none); /** color used by the button component for tertiary danger disabled border. */
  --ki-button-tertiary-rest-border-bottom: var(--ki-outline-secondary-button-bottom); /** color used by the button component for the tertiary bevel bottom edge (MarsUI Outline/secondary_button_bottom — same bevel pair as secondary). */
  --ki-button-quaternary-neutral-rest-bg: var(--ki-transparent-inverse); /** color used by the button component for quaternary neutral rest background. */
  --ki-button-quaternary-neutral-rest-border: var(--ki-outline-none); /** color used by the button component for quaternary neutral rest border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-neutral-hover-bg: var(--ki-surface-hover-overlay-inverse); /** color used by the button component for quaternary neutral hover background (MarsUI hover mechanism: hover_overlay_inverse Black/3 wash over the transparent rest fill). */
  --ki-button-quaternary-neutral-hover-border: var(--ki-outline-none); /** color used by the button component for quaternary neutral hover border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-neutral-active-bg: var(--ki-surface-pressed-overlay-inverse); /** color used by the button component for quaternary neutral active background (pressed wash one rung beyond hover: Black/5 light, White/5 dark). */
  --ki-button-quaternary-neutral-active-border: var(--ki-outline-none); /** color used by the button component for quaternary neutral active border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-neutral-disabled-bg: var(--ki-transparent-inverse); /** color used by the button component for quaternary neutral disabled background. */
  --ki-button-quaternary-neutral-disabled-border: var(--ki-outline-none); /** color used by the button component for quaternary neutral disabled border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-success-rest-bg: var(--ki-transparent-inverse); /** color used by the button component for quaternary success rest background. */
  --ki-button-quaternary-success-rest-fg: var(--ki-text-success-high-em); /** color used by the button component for quaternary success rest foreground. */
  --ki-button-quaternary-success-rest-border: var(--ki-outline-none); /** color used by the button component for quaternary success rest border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-success-hover-bg: var(--ki-surface-success-base-em-alpha); /** color used by the button component for quaternary success hover background. */
  --ki-button-quaternary-success-hover-fg: var(--ki-text-success-high-em); /** color used by the button component for quaternary success hover foreground. */
  --ki-button-quaternary-success-hover-border: var(--ki-outline-none); /** color used by the button component for quaternary success hover border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-success-active-bg: var(--ki-surface-success-low-em); /** color used by the button component for quaternary success active background. */
  --ki-button-quaternary-success-active-fg: var(--ki-text-success-high-em); /** color used by the button component for quaternary success active foreground. */
  --ki-button-quaternary-success-active-border: var(--ki-outline-none); /** color used by the button component for quaternary success active border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-success-disabled-bg: var(--ki-transparent-inverse); /** color used by the button component for quaternary success disabled background. */
  --ki-button-quaternary-success-disabled-border: var(--ki-outline-none); /** color used by the button component for quaternary success disabled border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-danger-rest-bg: var(--ki-transparent-inverse); /** color used by the button component for quaternary danger rest background. */
  --ki-button-quaternary-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the button component for quaternary danger rest foreground. */
  --ki-button-quaternary-danger-rest-border: var(--ki-outline-none); /** color used by the button component for quaternary danger rest border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-danger-hover-bg: var(--ki-surface-danger-base-em-alpha); /** color used by the button component for quaternary danger hover background. */
  --ki-button-quaternary-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the button component for quaternary danger hover foreground. */
  --ki-button-quaternary-danger-hover-border: var(--ki-outline-none); /** color used by the button component for quaternary danger hover border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-danger-active-bg: var(--ki-surface-danger-low-em); /** color used by the button component for quaternary danger active background. */
  --ki-button-quaternary-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the button component for quaternary danger active foreground. */
  --ki-button-quaternary-danger-active-border: var(--ki-outline-none); /** color used by the button component for quaternary danger active border (MarsUI quaternary is borderless in every state). */
  --ki-button-quaternary-danger-disabled-bg: var(--ki-transparent-inverse); /** color used by the button component for quaternary danger disabled background. */
  --ki-button-quaternary-danger-disabled-border: var(--ki-outline-none); /** color used by the button component for quaternary danger disabled border (MarsUI quaternary is borderless in every state). */
  --ki-button-ghost-neutral-rest-bg: var(--ki-transparent-inverse); /** color used by the button component for ghost neutral rest background. */
  --ki-button-ghost-neutral-rest-border: var(--ki-outline-none); /** color used by the button component for ghost neutral rest border. */
  --ki-button-ghost-neutral-hover-border: var(--ki-outline-none); /** color used by the button component for ghost neutral hover border. */
  --ki-button-ghost-neutral-active-border: var(--ki-outline-none); /** color used by the button component for ghost neutral active border. */
  --ki-button-ghost-neutral-disabled-bg: var(--ki-transparent-inverse); /** color used by the button component for ghost neutral disabled background. */
  --ki-button-ghost-neutral-disabled-border: var(--ki-outline-none); /** color used by the button component for ghost neutral disabled border. */
  --ki-button-ghost-success-rest-bg: var(--ki-transparent-inverse); /** color used by the button component for ghost success rest background. */
  --ki-button-ghost-success-rest-fg: var(--ki-text-success-high-em); /** color used by the button component for ghost success rest foreground. */
  --ki-button-ghost-success-rest-border: var(--ki-outline-none); /** color used by the button component for ghost success rest border. */
  --ki-button-ghost-success-hover-bg: var(--ki-surface-success-base-em-alpha); /** color used by the button component for ghost success hover background. */
  --ki-button-ghost-success-hover-fg: var(--ki-text-success-high-em); /** color used by the button component for ghost success hover foreground. */
  --ki-button-ghost-success-hover-border: var(--ki-outline-none); /** color used by the button component for ghost success hover border. */
  --ki-button-ghost-success-active-bg: var(--ki-surface-success-low-em); /** color used by the button component for ghost success active background. */
  --ki-button-ghost-success-active-fg: var(--ki-text-success-high-em); /** color used by the button component for ghost success active foreground. */
  --ki-button-ghost-success-active-border: var(--ki-outline-none); /** color used by the button component for ghost success active border. */
  --ki-button-ghost-success-disabled-bg: var(--ki-transparent-inverse); /** color used by the button component for ghost success disabled background. */
  --ki-button-ghost-success-disabled-border: var(--ki-outline-none); /** color used by the button component for ghost success disabled border. */
  --ki-button-ghost-danger-rest-bg: var(--ki-transparent-inverse); /** color used by the button component for ghost danger rest background. */
  --ki-button-ghost-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the button component for ghost danger rest foreground. */
  --ki-button-ghost-danger-rest-border: var(--ki-outline-none); /** color used by the button component for ghost danger rest border. */
  --ki-button-ghost-danger-hover-bg: var(--ki-surface-danger-base-em-alpha); /** color used by the button component for ghost danger hover background. */
  --ki-button-ghost-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the button component for ghost danger hover foreground. */
  --ki-button-ghost-danger-hover-border: var(--ki-outline-none); /** color used by the button component for ghost danger hover border. */
  --ki-button-ghost-danger-active-bg: var(--ki-surface-danger-low-em); /** color used by the button component for ghost danger active background. */
  --ki-button-ghost-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the button component for ghost danger active foreground. */
  --ki-button-ghost-danger-active-border: var(--ki-outline-none); /** color used by the button component for ghost danger active border. */
  --ki-button-ghost-danger-disabled-bg: var(--ki-transparent-inverse); /** color used by the button component for ghost danger disabled background. */
  --ki-button-ghost-danger-disabled-border: var(--ki-outline-none); /** color used by the button component for ghost danger disabled border. */
  --ki-card-border-color: var(--ki-outline-base-em); /** color used by the card component for border color (MarsUI Outline/base_em hairline — painted on large Chart cards; Dashboard_info leaves width 0, which stays the default via ki.card.border-width). */
  --ki-checkbox-unchecked-rest-bg: var(--ki-surface-s0); /** color used by the checkbox component for unchecked rest background. */
  --ki-checkbox-unchecked-rest-border: var(--ki-outline-control); /** color used by the checkbox component for unchecked rest border. */
  --ki-checkbox-unchecked-hover-bg: var(--ki-surface-s1); /** color used by the checkbox component for unchecked hover background. */
  --ki-checkbox-unchecked-active-bg: var(--ki-surface-s2); /** color used by the checkbox component for unchecked active background. */
  --ki-checkbox-unchecked-disabled-bg: var(--ki-surface-disabled-med-em); /** color used by the checkbox component for unchecked disabled background (MarsUI Surface/disabled_med_em Gray/300 light / White-18 dark). */
  --ki-checkbox-unchecked-disabled-border: var(--ki-outline-med-em); /** color used by the checkbox component for unchecked disabled border. */
  --ki-checkbox-checked-rest-border: var(--ki-outline-none); /** color used by the checkbox component for checked rest border. */
  --ki-checkbox-checked-hover-border: var(--ki-outline-none); /** color used by the checkbox component for checked hover border. */
  --ki-checkbox-checked-active-border: var(--ki-outline-none); /** color used by the checkbox component for checked active border. */
  --ki-checkbox-checked-disabled-bg: var(--ki-surface-disabled-med-em); /** color used by the checkbox component for checked disabled background (MarsUI Surface/disabled_med_em Gray/300 light / White-18 dark). */
  --ki-checkbox-checked-disabled-border: var(--ki-outline-none); /** color used by the checkbox component for checked disabled border. */
  --ki-checkbox-indeterminate-disabled-bg: var(--ki-surface-disabled-med-em); /** color used by the checkbox component for indeterminate disabled background (MarsUI Surface/disabled_med_em Gray/300 light / White-18 dark). */
  --ki-checkbox-indeterminate-disabled-border: var(--ki-outline-none); /** color used by the checkbox component for indeterminate disabled border. */
  --ki-checkbox-invalid-bg: var(--ki-surface-danger-low-em); /** color used by the checkbox component for invalid background. */
  --ki-checkbox-invalid-fg: var(--ki-text-danger-high-em); /** color used by the checkbox component for invalid foreground. */
  --ki-checkbox-invalid-border: var(--ki-outline-danger-high-em); /** color used by the checkbox component for invalid border. */
  --ki-dialog-bg-start: var(--ki-surface-special-blur-base-light); /** color used by the dialog component for the glass gradient start (MarsUI Surface/Special/blur_base_light White/80; dark resolves rgba(36,36,36,0.8)). Paint background: linear-gradient(180deg, var(--ki-dialog-bg-start), var(--ki-dialog-bg-end)). */
  --ki-dialog-backdrop-blur: var(--ki-effect-component-backdrop-blur); /** backdrop blur used by the dialog component glass surface (MarsUI BACKGROUND_BLUR Blur/24 = CSS 12px; material3 resolves to blur none via the semantic override; perf-measure before enabling per DNA section 5). */
  --ki-dialog-border: var(--ki-border-hairline-base-em); /** border used by the dialog component for border (MarsUI 1px solid Outline/base_em Black/3 light / White/3 dark; retires the migrated Black/5 foundation reference). */
  --ki-dialog-backdrop-bg: var(--ki-overlay-high-em); /** color used by the dialog component for backdrop background. */
  --ki-dialog-motion-duration: var(--ki-motion-duration-medium-1); /** duration used by the dialog component for the enter transition (MarsUI moderate step 240ms; retires the migrated 0ms token that disabled the @starting-style fade). */
  --ki-dialog-motion-easing: var(--ki-motion-easing-out); /** easing used by the dialog component for the enter transition (MarsUI decelerate curve; retires the migrated linear pair). */
  --ki-divider-color: var(--ki-outline-base-em); /** color used by the divider component for the rule: Outline/base_em (Black/3 light, White/3 dark), the exact variable bound to every Figma divider variant and the same semantic role ki-list uses for item dividers. */
  --ki-icon-button-primary-neutral-rest-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary neutral rest border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-neutral-hover-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary neutral hover border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-neutral-active-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary neutral active border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-neutral-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the icon button component for primary disabled background (tone-independent, like the button disabled cells; deliberate 010 D2 deviation from Figma gray.100 for contrast, pending founder ratification). */
  --ki-icon-button-primary-neutral-disabled-border: var(--ki-outline-none); /** color used by the icon button component for primary disabled border (Figma disabled drops the bevel). */
  --ki-icon-button-primary-success-rest-bg: var(--ki-surface-success-high-em); /** color used by the icon button component for primary success rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-success-rest-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary success rest border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-success-hover-bg: var(--ki-surface-success-high-em); /** color used by the icon button component for primary success hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-success-hover-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary success hover border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-success-active-bg: var(--ki-surface-success-high-em); /** color used by the icon button component for primary success active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-success-active-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary success active border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-danger-rest-bg: var(--ki-surface-danger-high-em); /** color used by the icon button component for primary danger rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-danger-rest-fg: var(--ki-text-primary-on-danger); /** color used by the icon button component for primary danger rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-danger-rest-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary danger rest border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-danger-hover-bg: var(--ki-surface-danger-high-em); /** color used by the icon button component for primary danger hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-danger-hover-fg: var(--ki-text-primary-on-danger); /** color used by the icon button component for primary danger hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-danger-hover-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary danger hover border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-danger-active-bg: var(--ki-surface-danger-high-em); /** color used by the icon button component for primary danger active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-danger-active-fg: var(--ki-text-primary-on-danger); /** color used by the icon button component for primary danger active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-danger-active-border: var(--ki-outline-primary-button-top); /** color used by the icon button component for primary danger active border (MarsUI bevel top/inline edge). */
  --ki-icon-button-primary-rest-border-bottom: var(--ki-outline-primary-button-bottom); /** color used by the icon button component for the primary bevel bottom edge (MarsUI Outline/primary_button_bottom, identical to the button bevel). */
  --ki-icon-button-primary-hover-overlay: var(--ki-surface-hover-overlay); /** color used by the icon button component for the primary hover overlay layer (MarsUI hover_overlay, identical to the button overlay). */
  --ki-icon-button-primary-active-overlay: var(--ki-state-layer-pressed); /** Pressed state layer for the primary icon button: primary paints on a dark brand fill, so its wash lightens: the next rung above ki.surface.hover-overlay (White/5 -> White/8 light). Replaces this variant's share of a 45-cell active bg/fg/border matrix whose values were documented mirrors of rest and which WITHDREW the hover overlay rather than deepening it, an appearance legible only to a pointer user who had hovered first. */
  --ki-icon-button-secondary-neutral-rest-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the icon button component for secondary neutral rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-neutral-rest-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary neutral rest border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-neutral-hover-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the icon button component for secondary neutral hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-neutral-hover-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary neutral hover border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-neutral-active-bg: var(--ki-surface-special-secondary-alpha-base); /** color used by the icon button component for secondary neutral active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-neutral-active-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary neutral active border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-neutral-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the icon button component for secondary disabled background (tone-independent, like the button disabled cells; deliberate 010 D2 deviation from Figma gray.100 for contrast, pending founder ratification). */
  --ki-icon-button-secondary-neutral-disabled-border: var(--ki-outline-none); /** color used by the icon button component for secondary disabled border (Figma disabled drops the bevel). */
  --ki-icon-button-secondary-success-rest-bg: var(--ki-surface-success-base-em); /** color used by the icon button component for secondary success rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-success-rest-fg: var(--ki-text-success-high-em); /** color used by the icon button component for secondary success rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-success-rest-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary success rest border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-success-hover-bg: var(--ki-surface-success-low-em); /** color used by the icon button component for secondary success hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-success-hover-fg: var(--ki-text-success-high-em); /** color used by the icon button component for secondary success hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-success-hover-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary success hover border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-success-active-bg: var(--ki-surface-success-low-em); /** color used by the icon button component for secondary success active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-success-active-fg: var(--ki-text-success-high-em); /** color used by the icon button component for secondary success active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-success-active-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary success active border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-danger-rest-bg: var(--ki-surface-danger-base-em); /** color used by the icon button component for secondary danger rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for secondary danger rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-danger-rest-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary danger rest border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-danger-hover-bg: var(--ki-surface-danger-low-em); /** color used by the icon button component for secondary danger hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for secondary danger hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-danger-hover-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary danger hover border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-danger-active-bg: var(--ki-surface-danger-low-em); /** color used by the icon button component for secondary danger active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-secondary-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for secondary danger active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-danger-active-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for secondary danger active border (MarsUI bevel top/inline edge). */
  --ki-icon-button-secondary-rest-border-bottom: var(--ki-outline-secondary-button-bottom); /** color used by the icon button component for the secondary bevel bottom edge (MarsUI Outline/secondary_button_bottom, identical to the button bevel). */
  --ki-icon-button-secondary-hover-overlay: var(--ki-surface-hover-overlay-inverse); /** color used by the icon button component for the secondary hover overlay layer (MarsUI hover_overlay_inverse, identical to the button overlay). */
  --ki-icon-button-secondary-active-overlay: var(--ki-surface-pressed-overlay-inverse); /** Pressed state layer for the secondary icon button: secondary paints on a light fill, so its wash darkens: the next rung above ki.surface.hover-overlay-inverse (Black/3 -> Black/5 light). Replaces this variant's share of a 45-cell active bg/fg/border matrix whose values were documented mirrors of rest and which WITHDREW the hover overlay rather than deepening it, an appearance legible only to a pointer user who had hovered first. */
  --ki-icon-button-tertiary-neutral-rest-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary neutral rest border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-neutral-hover-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary neutral hover border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-neutral-active-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary neutral active border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-neutral-disabled-bg: var(--ki-surface-disabled-low-em); /** color used by the icon button component for tertiary disabled background (tone-independent, like the button disabled cells; deliberate 010 D2 deviation from Figma gray.100 for contrast, pending founder ratification). */
  --ki-icon-button-tertiary-neutral-disabled-border: var(--ki-outline-none); /** color used by the icon button component for tertiary disabled border (Figma disabled drops the bevel). */
  --ki-icon-button-tertiary-success-rest-fg: var(--ki-text-success-high-em); /** color used by the icon button component for tertiary success rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-tertiary-success-rest-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary success rest border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-success-hover-fg: var(--ki-text-success-high-em); /** color used by the icon button component for tertiary success hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-tertiary-success-hover-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary success hover border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-success-active-fg: var(--ki-text-success-high-em); /** color used by the icon button component for tertiary success active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-tertiary-success-active-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary success active border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for tertiary danger rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-tertiary-danger-rest-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary danger rest border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for tertiary danger hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-tertiary-danger-hover-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary danger hover border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for tertiary danger active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-tertiary-danger-active-border: var(--ki-outline-secondary-button-top); /** color used by the icon button component for tertiary danger active border (MarsUI secondary bevel top/inline edge — tertiary carries the secondary_button outline pair). */
  --ki-icon-button-tertiary-rest-border-bottom: var(--ki-outline-secondary-button-bottom); /** color used by the icon button component for the tertiary bevel bottom edge (MarsUI Outline/secondary_button_bottom — same bevel pair as secondary). */
  --ki-icon-button-quaternary-neutral-rest-bg: var(--ki-transparent-inverse); /** color used by the icon button component for quaternary neutral rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-quaternary-neutral-rest-border: var(--ki-outline-none); /** color used by the icon button component for quaternary neutral rest border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-neutral-hover-bg: var(--ki-surface-hover-overlay-inverse); /** color used by the icon button component for quaternary neutral hover background (MarsUI hover mechanism: hover_overlay_inverse Black/3 wash over the transparent rest fill). */
  --ki-icon-button-quaternary-neutral-hover-border: var(--ki-outline-none); /** color used by the icon button component for quaternary neutral hover border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-neutral-active-bg: var(--ki-surface-pressed-overlay-inverse); /** color used by the icon button component for quaternary neutral active background (pressed wash one rung beyond hover: Black/5 light, White/5 dark). */
  --ki-icon-button-quaternary-neutral-active-border: var(--ki-outline-none); /** color used by the icon button component for quaternary neutral active border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-neutral-disabled-bg: var(--ki-transparent-inverse); /** color used by the icon button component for quaternary disabled background (tone-independent, like the button disabled cells; deliberate 010 D2 deviation from Figma gray.100 for contrast, pending founder ratification). */
  --ki-icon-button-quaternary-neutral-disabled-border: var(--ki-outline-none); /** color used by the icon button component for quaternary neutral disabled border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-success-rest-bg: var(--ki-transparent-inverse); /** color used by the icon button component for quaternary success rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-quaternary-success-rest-fg: var(--ki-text-success-high-em); /** color used by the icon button component for quaternary success rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-quaternary-success-rest-border: var(--ki-outline-none); /** color used by the icon button component for quaternary success rest border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-success-hover-bg: var(--ki-surface-success-base-em-alpha); /** color used by the icon button component for quaternary success hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-quaternary-success-hover-fg: var(--ki-text-success-high-em); /** color used by the icon button component for quaternary success hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-quaternary-success-hover-border: var(--ki-outline-none); /** color used by the icon button component for quaternary success hover border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-success-active-bg: var(--ki-surface-success-low-em); /** color used by the icon button component for quaternary success active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-quaternary-success-active-fg: var(--ki-text-success-high-em); /** color used by the icon button component for quaternary success active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-quaternary-success-active-border: var(--ki-outline-none); /** color used by the icon button component for quaternary success active border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-danger-rest-bg: var(--ki-transparent-inverse); /** color used by the icon button component for quaternary danger rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-quaternary-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for quaternary danger rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-quaternary-danger-rest-border: var(--ki-outline-none); /** color used by the icon button component for quaternary danger rest border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-danger-hover-bg: var(--ki-surface-danger-base-em-alpha); /** color used by the icon button component for quaternary danger hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-quaternary-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for quaternary danger hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-quaternary-danger-hover-border: var(--ki-outline-none); /** color used by the icon button component for quaternary danger hover border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-quaternary-danger-active-bg: var(--ki-surface-danger-low-em); /** color used by the icon button component for quaternary danger active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-quaternary-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for quaternary danger active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-quaternary-danger-active-border: var(--ki-outline-none); /** color used by the icon button component for quaternary danger active border (MarsUI quaternary is borderless in every state). */
  --ki-icon-button-ghost-neutral-rest-bg: var(--ki-transparent-inverse); /** color used by the icon button component for ghost neutral rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-neutral-rest-border: var(--ki-outline-none); /** color used by the icon button component for ghost neutral rest border. */
  --ki-icon-button-ghost-neutral-hover-border: var(--ki-outline-none); /** color used by the icon button component for ghost neutral hover border. */
  --ki-icon-button-ghost-neutral-active-border: var(--ki-outline-none); /** color used by the icon button component for ghost neutral active border. */
  --ki-icon-button-ghost-neutral-disabled-bg: var(--ki-transparent-inverse); /** color used by the icon button component for ghost disabled background (tone-independent, like the button disabled cells; deliberate 010 D2 deviation from Figma gray.100 for contrast, pending founder ratification). */
  --ki-icon-button-ghost-neutral-disabled-border: var(--ki-outline-none); /** color used by the icon button component for ghost disabled border (Figma disabled drops the bevel). */
  --ki-icon-button-ghost-success-rest-bg: var(--ki-transparent-inverse); /** color used by the icon button component for ghost success rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-success-rest-fg: var(--ki-text-success-high-em); /** color used by the icon button component for ghost success rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-success-rest-border: var(--ki-outline-none); /** color used by the icon button component for ghost success rest border. */
  --ki-icon-button-ghost-success-hover-bg: var(--ki-surface-success-base-em-alpha); /** color used by the icon button component for ghost success hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-success-hover-fg: var(--ki-text-success-high-em); /** color used by the icon button component for ghost success hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-success-hover-border: var(--ki-outline-none); /** color used by the icon button component for ghost success hover border. */
  --ki-icon-button-ghost-success-active-bg: var(--ki-surface-success-low-em); /** color used by the icon button component for ghost success active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-success-active-fg: var(--ki-text-success-high-em); /** color used by the icon button component for ghost success active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-success-active-border: var(--ki-outline-none); /** color used by the icon button component for ghost success active border. */
  --ki-icon-button-ghost-danger-rest-bg: var(--ki-transparent-inverse); /** color used by the icon button component for ghost danger rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-danger-rest-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for ghost danger rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-danger-rest-border: var(--ki-outline-none); /** color used by the icon button component for ghost danger rest border. */
  --ki-icon-button-ghost-danger-hover-bg: var(--ki-surface-danger-base-em-alpha); /** color used by the icon button component for ghost danger hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-danger-hover-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for ghost danger hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-danger-hover-border: var(--ki-outline-none); /** color used by the icon button component for ghost danger hover border. */
  --ki-icon-button-ghost-danger-active-bg: var(--ki-surface-danger-low-em); /** color used by the icon button component for ghost danger active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-danger-active-fg: var(--ki-text-danger-high-em); /** color used by the icon button component for ghost danger active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-danger-active-border: var(--ki-outline-none); /** color used by the icon button component for ghost danger active border. */
  --ki-icon-button-backdrop-blur: var(--ki-effect-component-backdrop-blur); /** dimension used by the icon button component for the glass variants (primary/secondary) backdrop blur, identical to the button glass. material3 resolves to blur none via the semantic override. */
  --ki-indicator-dot-color: var(--ki-inverse-white-alpha-18); /** color used by the indicator component for the resting dot fill: Inverse_white/alpha_18, the exact variable bound to every Indicator variant fill (Black/18 light, White/18 dark) — the scheme flip rides the semantic layer. */
  --ki-indicator-dot-current-color: var(--ki-inverse-white-alpha-18); /** color used by the indicator component for the current dot treatment: Inverse_white/alpha_18, the exact fill of the State=active ring vector (Black/18 light, White/18 dark) — painted as the pill ring in onmars, as the solid dot in themes that zero the hole. */
  --ki-indicator-motion-duration: var(--ki-motion-duration-fast); /** duration used by the indicator component for the highlight transfer between dots: the Figma set documents no motion, so onmars resolves the single transition to the fast semantic duration (FR-008; disabled under reduced motion by construction). */
  --ki-indicator-motion-easing: var(--ki-motion-easing-standard); /** easing used by the indicator component for the highlight-transfer transition (MarsUI standard curve; previously the UA default ease applied). */
  --ki-input-border-block-start-width: var(--ki-input-border-width); /** dimension used by the input component for border block start width. */
  --ki-input-border-block-end-width: var(--ki-input-border-width); /** dimension used by the input component for border block end width. */
  --ki-input-border-inline-start-width: var(--ki-input-border-width); /** dimension used by the input component for border inline start width. */
  --ki-input-border-inline-end-width: var(--ki-input-border-width); /** dimension used by the input component for border inline end width. */
  --ki-input-rest-bg: var(--ki-surface-s2); /** color used by the input component for rest background (MarsUI Input_field rest fill Surface/s2: the fill identifies the field, not the outline). */
  --ki-input-rest-border: var(--ki-outline-control); /** color used by the input component for rest border. */
  --ki-input-hover-bg: var(--ki-surface-s3); /** color used by the input component for hover background (MarsUI hover = s2 + Black/3 overlay; s3 is the nearest token). */
  --ki-input-hover-border: var(--ki-outline-control-hover); /** color used by the input component for hover border. */
  --ki-input-focus-bg: var(--ki-surface-s0); /** color used by the input component for focus background (MarsUI active state switches the fill to Surface/Special white / dark s2 — modeled with the scheme ladder s0). */
  --ki-input-disabled-bg: var(--ki-surface-disabled-base-em); /** color used by the input component for disabled background. */
  --ki-input-disabled-border: var(--ki-outline-low-em); /** color used by the input component for disabled border. */
  --ki-input-readonly-bg: var(--ki-surface-s1); /** color used by the input component for readonly background (retires the deprecated ki.surface.raised alias; same resolved value). */
  --ki-input-readonly-border: var(--ki-outline-control); /** color used by the input component for readonly border. */
  --ki-input-invalid-bg: var(--ki-surface-s0); /** color used by the input component for invalid background (MarsUI danger state keeps the white active fill; the ring and hint carry the signal). */
  --ki-input-invalid-border: var(--ki-outline-danger-high-em); /** color used by the input component for invalid border. */
  --ki-input-invalid-hint-fg: var(--ki-text-danger-high-em); /** color used by the input component for the invalid hint row foreground (MarsUI Hint_label danger: Text/danger_high_em carries the signal). */
  --ki-list-bg: var(--ki-surface-s0); /** color used by the list component for background. */
  --ki-list-item-divider-color: var(--ki-outline-base-em); /** color used by the list component for item divider color. */
  --ki-option-rest-bg: var(--ki-transparent-inverse); /** color used by the option component for rest background (MarsUI Dropmenu rows are transparent over the glass panel; only hover/selected paint). */
  --ki-option-hover-bg: var(--ki-surface-hover-overlay-inverse); /** color used by the option component for hover background (MarsUI hover_overlay_inverse Black/3 wash over the glass panel — not a solid surface step). */
  --ki-option-highlight-bg: var(--ki-surface-hover-overlay-inverse); /** color used by the option component for keyboard-highlight background (MarsUI active row = same Black/3 wash plus Elevation/e1; purple is reserved for the selected tint). */
  --ki-option-disabled-bg: var(--ki-surface-disabled-base-em); /** color used by the option component for disabled background. */
  --ki-progress-track-color: var(--ki-surface-s3); /** color used by the progress component for track color. */
  --ki-qr-background: var(--ki-surface-white); /** color used by the qr component for the light tile behind the modules: the Figma symbol is transparent over the showcase card's Surface/s0 white, but a scannable code owns its tile — the scheme-stable white keeps dark-on-light module contrast in both schemes (FR-010, a documented theme obligation). */
  --ki-radio-unselected-rest-bg: var(--ki-surface-s0); /** color used by the radio component for unselected rest background. */
  --ki-radio-unselected-rest-border: var(--ki-outline-control); /** color used by the radio component for unselected rest border. */
  --ki-radio-unselected-hover-bg: var(--ki-surface-s1); /** color used by the radio component for unselected hover background. Brief §1: onmars hover is neutral (hover_overlay / surface em ramp), matching ki-checkbox unchecked hover (s1); the former primary-tinted alpha is the M3 state-layer pattern and stays in radio.material3. */
  --ki-radio-unselected-active-bg: var(--ki-surface-s2); /** color used by the radio component for unselected active background. Brief §1: neutral surface em ramp one step above hover (s1→s2), matching ki-checkbox unchecked active; the primary-tinted alpha stays in radio.material3. */
  --ki-radio-unselected-disabled-bg: var(--ki-surface-disabled-med-em); /** color used by the radio component for unselected disabled background (MarsUI Surface/disabled_med_em Gray/300). */
  --ki-radio-unselected-disabled-border: var(--ki-surface-disabled-med-em); /** color used by the radio component for unselected disabled border (same as the fill: borderless look in the master). */
  --ki-radio-selected-active-overlay: var(--ki-state-layer-pressed); /** color used by the radio component for the selected pressed wash (ki-button active/overlay precedent). MarsUI defines no pressed fill and the brand ramp has no darker rung that survives the dark scheme, so the press composites the pressed state layer over the rest fill — a keyboard hold shows a real paint delta even under reduced motion, where the transform compress is gated off (bare-page state-delta contract). */
  --ki-radio-selected-disabled-bg: var(--ki-surface-disabled-med-em); /** color used by the radio component for selected disabled background (MarsUI Surface/disabled_med_em Gray/300). */
  --ki-radio-selected-disabled-fg: var(--ki-surface-disabled-base-em); /** color used by the radio component for selected disabled dot (MarsUI Surface/disabled_base_em Gray/100 — a light dot one quiet value step above the gray donut, not a dark dot). */
  --ki-radio-selected-disabled-border: var(--ki-surface-disabled-med-em); /** color used by the radio component for selected disabled border (same as the fill: borderless look). */
  --ki-scroller-thumb-color: var(--ki-inverse-white-alpha-6); /** color used by the scroller component for the indicator thumb: Inverse_white/alpha_6, the exact variable bound to the scroll pill on both Scroller variants (Black/5 light, White/5 dark) — the scheme flip rides the semantic layer (specs/023-ki-scroller/design-extraction.md). */
  --ki-scroller-track-color: var(--ki-transparent-inverse); /** color used by the scroller component for the track: the MarsUI pill floats directly on the content surface with no visible track — transparent in onmars; a theme opts into a visible track through this token, never an attribute. */
  --ki-scroller-surface: var(--ki-transparent-inverse); /** color used by the scroller component for the viewport surface: transparent in onmars — the scroller shows the consumer's own surface; a theme may resolve a proper surface here (FR-007). */
  --ki-select-border-block-start-width: var(--ki-select-border-width); /** dimension used by the select component for border block start width. */
  --ki-select-border-block-end-width: var(--ki-select-border-width); /** dimension used by the select component for border block end width. */
  --ki-select-border-inline-start-width: var(--ki-select-border-width); /** dimension used by the select component for border inline start width. */
  --ki-select-border-inline-end-width: var(--ki-select-border-width); /** dimension used by the select component for border inline end width. */
  --ki-select-rest-border: var(--ki-outline-control); /** color used by the select component for rest border. */
  --ki-select-hover-border: var(--ki-outline-control-hover); /** color used by the select component for hover border. Brief §1: hover moves along the neutral outline em ramp (Black/12), matching ki-input/ki-textarea; the primary accent outline is the focus language (Focus/primary), not hover. */
  --ki-select-disabled-bg: var(--ki-surface-disabled-base-em); /** color used by the select component for disabled background. */
  --ki-select-disabled-border: var(--ki-outline-base-em); /** color used by the select component for disabled border (MarsUI Outline/base_em Black/3). */
  --ki-select-listbox-bg: var(--ki-surface-special-blur-base-light); /** color used by the select component for listbox background (MarsUI Dropmenu glass panel Surface/Special/blur_base_light White/80; pair with backdrop-filter blur(var(--ki-select-listbox-backdrop-blur))). */
  --ki-select-listbox-elevation: var(--ki-elevation-shadow-med); /** color used by the select component for listbox elevation. Legacy of the pre-ramp hand-composed listbox shadow, superseded by ki.select.listbox.shadow; kept published because the public-api contract requires deprecation metadata at least one minor before removal. */
  --ki-status-ring-color: var(--ki-outline-inverse-black); /** color used by the status component for the separating ring: Outline/inverse_black, the exact variable bound to Outline=True variants — white over light surfaces, black over dark ones, so the ring reads as a cutout from the underlying media (FR-002). */
  --ki-status-neutral-color: var(--ki-surface-disabled-high-em); /** color used by the status component for the neutral tone fill: Surface/disabled_high_em, the exact variable bound to the Type=disabled Status variant (Gray/500 light, White/32 dark) — MarsUI's disabled gray maps to the charter neutral tone (spec Assumptions). */
  --ki-status-success-color: var(--ki-surface-success-med-em); /** color used by the status component for the success tone fill: Surface/success_med_em, the exact variable bound to the Type=success Status variant (Success/500). */
  --ki-status-danger-color: var(--ki-surface-danger-med-em); /** color used by the status component for the danger tone fill: Surface/danger_med_em, the exact variable bound to the Type=danger Status variant (Danger/500). */
  --ki-status-info-color: var(--ki-surface-info-med-em); /** color used by the status component for the info tone fill: no Figma Status variant ships an info Type, so the fill extrapolates the verified med-em 500 pattern to the Info ramp (001 contract, 010/015 precedent) — declared for founder ratification. */
  --ki-status-warning-color: var(--ki-surface-warning-med-em); /** color used by the status component for the warning tone fill: Surface/warning_med_em, the exact variable bound to the Type=warning Status variant (Warning/500). */
  --ki-switch-unchecked-rest-track: var(--ki-surface-disabled-med-em); /** color used by the switch component for unchecked rest track (MarsUI OFF track = surface/disabled_med_em #dddfe4 light / White-18 dark — a solid soft fill, not an outlined pill). */
  --ki-switch-unchecked-rest-border: var(--ki-outline-control); /** color used by the switch component for unchecked rest border. */
  --ki-switch-unchecked-hover-track: var(--ki-surface-s5); /** color used by the switch component for unchecked hover track (Kimen-invented one-step ramp over the corrected rest fill; the master defines no hover variant). */
  --ki-switch-unchecked-hover-border: var(--ki-outline-control-hover); /** color used by the switch component for unchecked hover border. */
  --ki-switch-unchecked-active-track: var(--ki-surface-disabled-high-em); /** color used by the switch component for unchecked active track (one step beyond hover; the master defines no pressed variant). */
  --ki-switch-unchecked-active-border: var(--ki-outline-control-hover); /** color used by the switch component for unchecked active border. */
  --ki-switch-unchecked-disabled-track: var(--ki-surface-disabled-med-em); /** color used by the switch component for unchecked disabled track (MarsUI disabled track keeps the OFF rest fill surface/disabled_med_em; the disabled signal lives in the glyph in the master). */
  --ki-switch-unchecked-disabled-border: var(--ki-surface-disabled-med-em); /** color used by the switch component for unchecked disabled border. */
  --ki-switch-checked-rest-border: var(--ki-outline-none); /** color used by the switch component for checked rest border. */
  --ki-switch-checked-hover-border: var(--ki-outline-none); /** color used by the switch component for checked hover border. */
  --ki-switch-checked-active-border: var(--ki-outline-none); /** color used by the switch component for checked active border. */
  --ki-switch-checked-disabled-track: var(--ki-surface-disabled-med-em); /** color used by the switch component for checked disabled track (MarsUI disabled track keeps the OFF rest fill surface/disabled_med_em; the disabled signal lives in the glyph in the master). */
  --ki-switch-checked-disabled-border: var(--ki-surface-disabled-med-em); /** color used by the switch component for checked disabled border. */
  --ki-tab-panel-bg: var(--ki-transparent-inverse); /** color used by the tab panel component for background (Tab_nav masters have no panel chrome: content sits on the ambient surface; the panel never paints a surface it does not own). */
  --ki-tab-selected-rest-bg: var(--ki-transparent-inverse); /** color used by the tab component for selected rest background (MarsUI Tab_nav is transparent_inverse in every state; background pills are Switcher language). */
  --ki-tab-selected-hover-bg: var(--ki-transparent-inverse); /** color used by the tab component for selected hover background (MarsUI Tab_nav is transparent_inverse in every state; background pills are Switcher language). */
  --ki-tab-selected-active-bg: var(--ki-transparent-inverse); /** color used by the tab component for selected active background (MarsUI Tab_nav is transparent_inverse in every state; background pills are Switcher language). */
  --ki-tab-selected-disabled-fg: var(--ki-surface-disabled-high-em); /** color used by the tab component for selected disabled foreground (MarsUI disabled ladder: Gray/500 light / White-32 dark, the value ki-status and ki-switch already use for disabled glyphs). */
  --ki-tab-selected-disabled-bg: var(--ki-transparent-inverse); /** color used by the tab component for selected disabled background (no disabled variant exists in Tab_nav; disabled must be quieter than rest, not a filled pill). */
  --ki-tab-unselected-rest-bg: var(--ki-transparent-inverse); /** color used by the tab component for unselected rest background (MarsUI Tab_nav is transparent_inverse in every state). */
  --ki-tab-unselected-hover-bg: var(--ki-transparent-inverse); /** color used by the tab component for unselected hover background (MarsUI Tab_nav is transparent_inverse in every state). */
  --ki-tab-unselected-active-bg: var(--ki-transparent-inverse); /** color used by the tab component for unselected active background (MarsUI Tab_nav is transparent_inverse in every state). */
  --ki-tab-unselected-disabled-fg: var(--ki-surface-disabled-high-em); /** color used by the tab component for unselected disabled foreground (MarsUI disabled ladder: Gray/500 light / White-32 dark, the value ki-status and ki-switch already use for disabled glyphs). */
  --ki-tab-unselected-disabled-bg: var(--ki-transparent-inverse); /** color used by the tab component for unselected disabled background (no disabled variant exists in Tab_nav; disabled must be quieter than rest, not a filled pill). */
  --ki-tab-indicator-color: var(--ki-outline-inverse-white); /** color used by the tab component for indicator color (MarsUI active underline is Outline/inverse_white: black in light, white in dark — the inverse neutral, not primary). */
  --ki-tabs-divider-color: var(--ki-outline-low-em); /** color used by the tabs component for divider color. */
  --ki-textarea-border-block-start-width: var(--ki-textarea-border-width); /** dimension used by the textarea component for border block start width. */
  --ki-textarea-border-block-end-width: var(--ki-textarea-border-width); /** dimension used by the textarea component for border block end width. */
  --ki-textarea-border-inline-start-width: var(--ki-textarea-border-width); /** dimension used by the textarea component for border inline start width. */
  --ki-textarea-border-inline-end-width: var(--ki-textarea-border-width); /** dimension used by the textarea component for border inline end width. */
  --ki-textarea-rest-bg: var(--ki-surface-s2); /** color used by the textarea component for rest background (MarsUI textarea fill Surface/s2). */
  --ki-textarea-rest-border: var(--ki-outline-control); /** color used by the textarea component for rest border. */
  --ki-textarea-hover-bg: var(--ki-surface-s3); /** color used by the textarea component for hover background (MarsUI hover = s2 + Black/3 overlay; s3 is the nearest token). */
  --ki-textarea-hover-border: var(--ki-outline-control-hover); /** color used by the textarea component for hover border. */
  --ki-textarea-focus-bg: var(--ki-surface-s0); /** color used by the textarea component for focus background (MarsUI active fill switches to white / dark s2 — modeled with the scheme ladder s0). */
  --ki-textarea-disabled-bg: var(--ki-surface-disabled-base-em); /** color used by the textarea component for disabled background (MarsUI Surface/disabled_base_em Gray/100; aligned with ki-input). */
  --ki-textarea-disabled-border: var(--ki-outline-med-em); /** color used by the textarea component for disabled border. */
  --ki-textarea-readonly-bg: var(--ki-surface-s0); /** color used by the textarea component for readonly background. */
  --ki-textarea-readonly-border: var(--ki-outline-control); /** color used by the textarea component for readonly border. */
  --ki-textarea-invalid-bg: var(--ki-surface-s0); /** color used by the textarea component for invalid background (MarsUI danger keeps the white active fill — no tinted slab; ring and hint carry the signal). */
  --ki-textarea-invalid-border: var(--ki-outline-danger-high-em); /** color used by the textarea component for invalid border. */
  --ki-textarea-invalid-hint-fg: var(--ki-text-danger-high-em); /** color used by the textarea component for the invalid hint row foreground (MarsUI Hint_label danger: Text/danger_high_em carries the signal). */
  --ki-tooltip-bg-start: var(--ki-surface-special-blur-base-light); /** color used by the tooltip component for the glass gradient start (MarsUI Surface/special/blur_base_light White/80; dark Dark/700 blur base). Paint background: linear-gradient(180deg, var(--ki-tooltip-bg-start), var(--ki-tooltip-bg-end)). */
  --ki-tooltip-backdrop-blur: var(--ki-effect-component-backdrop-blur); /** backdrop blur used by the tooltip component glass card (MarsUI BACKGROUND_BLUR 24 = CSS 12px; material3 resolves to blur none via the semantic override). */
  --ki-tooltip-font-size: var(--ki-font-size-body-1); /** dimension used by the tooltip component for font size (MarsUI Heading_top style UI/Para/medium: body_1 13px). */
  --ki-tooltip-font-weight: var(--ki-font-weight-body-medium); /** font weight used by the tooltip component for font weight. */
  --ki-tooltip-line-height: var(--ki-font-line-height-para); /** dimension used by the tooltip component for line height (MarsUI line_height/para 20px). */
  --ki-video-scrim-color: var(--ki-inverse-white-alpha-6); /** color used by the video component for the overlay scrim behind the play control: Inverse_white/alpha_6, the exact variable bound to the Play halo on both Video variants (Black/5 light, White/5 dark) — the scheme flip rides the semantic layer. */
  --ki-video-backdrop-blur: var(--ki-effect-component-backdrop-blur); /** dimension used by the video component for the glass backdrop of the scrim and the play container (MarsUI Blur/24, identical to the button glass). material3 resolves to blur none via the semantic override. */
  --ki-video-play-bg: var(--ki-surface-inverse-white); /** color used by the video component for the play container surface: Surface/inverse_white, the exact variable bound to the Icon_button fill (black over light, white over dark) — the control carries its own surface so glyph contrast never depends on the poster imagery (FR-008). */
  --ki-video-play-fg: var(--ki-text-inverse-black); /** color used by the video component for the play glyph: Text/inverse_black, the counterpart of the inverse container surface (white over light, black over dark) — the glyph inherits it via currentColor; the -bg/-fg pair is swept by the contrast gate (FR-008). */
  --ki-video-play-border-color: var(--ki-outline-primary-button-top); /** color used by the video component for the play container bevel: Outline/primary_button_top, the exact variable bound to the Icon_button stroke — the verified ki-button glass bevel. */
  --ki-video-play-shadow: 0 var(--ki-shadow-distance-1) var(--ki-shadow-distance-1) var(--ki-shadow-spread-1) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-2) var(--ki-shadow-distance-2) var(--ki-shadow-spread-2) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-3) var(--ki-shadow-distance-3) var(--ki-shadow-spread-3) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-4) var(--ki-shadow-distance-4) var(--ki-shadow-spread-4) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-5) var(--ki-shadow-distance-5) var(--ki-shadow-spread-5) var(--ki-elevation-shadow), 0 var(--ki-shadow-distance-6) var(--ki-shadow-distance-6) var(--ki-shadow-spread-6) var(--ki-elevation-shadow), var(--ki-shadow-inner-primary-default); /** shadow used by the video component for the play control (MarsUI stacks Elevation/e6 on the button_wrap beneath the Component_effect/primary_default inner White/12 highlight — the measured master stack). */
  --ki-video-motion-duration: var(--ki-motion-duration-fast); /** duration used by the video component for the facade dismissal fade: the Figma set documents no motion, so onmars resolves the single transition to the fast semantic duration (FR-013; disabled under reduced motion by construction, 024 precedent). */
  --ki-surface-secondary-med-em: var(--ki-surface-primary-med-em); /** Secondary accent surface. M3 md.sys.color.secondary (secondary tone 40 light / 80 dark). onmars is a single-accent theme: the secondary accent resolves to the primary accent surface. */
  --ki-surface-secondary-low-em: var(--ki-surface-primary-low-em); /** Secondary container surface. M3 md.sys.color.secondary-container (secondary tone 90 light / 30 dark). onmars single-accent: resolves to the primary container equivalent. */
  --ki-surface-tertiary-med-em: var(--ki-surface-primary-med-em); /** Tertiary accent surface. M3 md.sys.color.tertiary (tertiary tone 40 light / 80 dark). onmars is a single-accent theme: the tertiary accent resolves to the primary accent surface. */
  --ki-surface-tertiary-low-em: var(--ki-surface-primary-low-em); /** Tertiary container surface. M3 md.sys.color.tertiary-container (tertiary tone 90 light / 30 dark). onmars single-accent: resolves to the primary container equivalent. */
  --ki-text-primary-on-secondary: var(--ki-text-primary-on-primary); /** Primary-emphasis text on the secondary accent surface. M3 md.sys.color.on-secondary (secondary tone 100 light / 20 dark). onmars single-accent: resolves to text primary on primary. */
  --ki-text-primary-on-secondary-light: var(--ki-text-primary-on-primary-light); /** Primary-emphasis text on the secondary container surface. M3 md.sys.color.on-secondary-container (secondary tone 10 light / 90 dark). onmars single-accent: resolves to text primary on primary light. */
  --ki-text-primary-on-tertiary: var(--ki-text-primary-on-primary); /** Primary-emphasis text on the tertiary accent surface. M3 md.sys.color.on-tertiary (tertiary tone 100 light / 20 dark). onmars single-accent: resolves to text primary on primary. */
  --ki-text-primary-on-tertiary-light: var(--ki-text-primary-on-primary-light); /** Primary-emphasis text on the tertiary container surface. M3 md.sys.color.on-tertiary-container (tertiary tone 10 light / 90 dark). onmars single-accent: resolves to text primary on primary light. */
  --ki-text-base: var(--ki-text-high-em); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.text.high-em. */
  --ki-text-muted: var(--ki-text-med-em); /** Deprecated alias kept for pre-Fase-1 consumers; use ki.text.med-em. */
  --ki-focus-primary: 0 0 0 var(--ki-shadow-ring) var(--ki-outline-primary-base-em-alpha); /** MarsUI Focus/primary: 3px spread focus ring of Outline/primary_base_em_alpha, read from the Figma master as #845abe33 = brand 500 at 20% (Kimen name: outline.primary-base-em-alpha / brand.500-alpha-2). The previous 40% (outline.primary-low-em-alpha / brand.500-alpha-4) came from specs/002-ki-button/design-extraction.md §2.5, which read the alpha off the Dark canvas mode and recorded it as the Light value; the ring shipped 2x too strong in light and 2.8x in dark across twelve components. */
  --ki-alert-font-size: var(--ki-typography-size-body-1); /** dimension used by the alert component for font size. */
  --ki-alert-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the alert component for line height. */
  --ki-alert-message-line-height: var(--ki-typography-line-height-para); /** dimension used by the alert component for message line height (MarsUI description is 13/20 line_height/para; the heading keeps 15/24). */
  --ki-alert-heading-font-size: var(--ki-typography-size-body-2); /** dimension used by the alert component for heading font size. */
  --ki-alert-heading-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the alert component for heading font weight (MarsUI UI/Body 2/medium: weight 600 on the master heading). */
  --ki-alert-neutral-fg: var(--ki-text-high-em); /** color used by the alert component for neutral foreground. */
  --ki-alert-dismiss-rest-fg: var(--ki-text-high-em); /** color used by the alert component for dismiss rest foreground. */
  --ki-alert-dismiss-hover-fg: var(--ki-text-high-em); /** color used by the alert component for dismiss hover foreground. */
  --ki-alert-dismiss-active-fg: var(--ki-text-high-em); /** color used by the alert component for dismiss active foreground. */
  --ki-alert-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the alert component for focus ring color. */
  --ki-avatar-group-xxs-counter-font-size: var(--ki-typography-size-caption-1); /** dimension used by the avatar group component for the xxs counter text: no counter exists on the 20px frame, so the value follows the avatar xxs initials step (synthesized, declared for founder review). */
  --ki-avatar-group-xs-counter-font-size: var(--ki-typography-size-caption-1); /** dimension used by the avatar group component for the xs counter text (synthesized 24px step following the avatar xs initials size, declared for founder review). */
  --ki-avatar-group-sm-counter-font-size: var(--ki-typography-size-body-1); /** dimension used by the avatar group component for the sm counter text (body_1 13px on the 32px frame — one step above the sm initials, verified). */
  --ki-avatar-group-md-counter-font-size: var(--ki-typography-size-body-1); /** dimension used by the avatar group component for the md counter text (body_1 13px on the 40px frame). */
  --ki-avatar-group-lg-counter-font-size: var(--ki-typography-size-body-2); /** dimension used by the avatar group component for the lg counter text (body_2 15px on the 48px frame). */
  --ki-avatar-group-xl-counter-font-size: var(--ki-typography-size-title-2); /** dimension used by the avatar group component for the xl counter text (title_2 18px on the 56px frame). */
  --ki-avatar-group-counter-fg: var(--ki-text-high-em); /** color used by the avatar group component for the +N counter text: Text/high_em, the exact variable on the counter label. */
  --ki-avatar-group-counter-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the avatar group component for the counter effects: the exact Component_effect/secondary_default pair (drop 0/2/1.5/-0.5 Elevation/shadow + inner White/3 0/2/3) without its backdrop blur (glass restraint, 021 decision 3). */
  --ki-avatar-xxs-font-size: var(--ki-typography-size-caption-1); /** dimension used by the avatar component for xxs initials (MarsUI UI/Caption 1: 10px). */
  --ki-avatar-xs-font-size: var(--ki-typography-size-caption-1); /** dimension used by the avatar component for xs initials (MarsUI UI/Caption 1: 10px, same step as xxs — verified on Type=text Size=xs 10108:6226). */
  --ki-avatar-sm-font-size: var(--ki-typography-size-caption-2); /** dimension used by the avatar component for sm initials (MarsUI UI/Caption 2: 12px). */
  --ki-avatar-md-font-size: var(--ki-typography-size-body-1); /** dimension used by the avatar component for md initials (MarsUI UI/Para: body_1 13px). */
  --ki-avatar-lg-font-size: var(--ki-typography-size-body-2); /** dimension used by the avatar component for lg initials (MarsUI UI/Body 2: 15px). */
  --ki-avatar-xl-font-size: var(--ki-typography-size-title-2); /** dimension used by the avatar component for xl initials (MarsUI UI/Title 2: 18px). */
  --ki-avatar-bg: var(--ki-surface-primary-med-em); /** color used by the avatar component for the initials/figure surface: Surface/primary_med_em, the exact variable behind the Type=text gradient start and the Type=icon solid fill. The Figma text gradient (primary_med_em -> primary_low_em_alpha 20%) is deliberately flattened to its solid start color — the token pipeline models no gradients and the spec defines one family-level bg (declared deviation, specs/019-ki-avatar/design-extraction.md decision 2, pending founder ratification). */
  --ki-avatar-fg: var(--ki-text-primary-on-primary); /** color used by the avatar component for the initials text and the generic-figure glyph (via currentColor): Text/primary_on_primary, the exact variable on every Type=text variant. */
  --ki-avatar-font-family: var(--ki-typography-family-body); /** font family used by the avatar component for initials (MarsUI Typeface/family/body: Inter). */
  --ki-avatar-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the avatar component for initials (MarsUI Typeface/weight/body/medium: 600). */
  --ki-badge-sm-font-size: var(--ki-typography-size-caption-2); /** dimension used by the badge component for sm font size. */
  --ki-badge-sm-line-height: var(--ki-typography-line-height-caption-2); /** dimension used by the badge component for sm line height. */
  --ki-badge-md-font-size: var(--ki-typography-size-caption-2); /** dimension used by the badge component for md font size (MarsUI UI/Caption 2: 12px at both sm and md; only xs drops to Caption 1). */
  --ki-badge-md-line-height: var(--ki-typography-line-height-caption-2); /** dimension used by the badge component for md line height (MarsUI caption_2 16px). */
  --ki-badge-font-family: var(--ki-typography-family-body); /** font family used by the badge component for font family. */
  --ki-badge-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the badge component for font weight. */
  --ki-badge-neutral-fg: var(--ki-text-high-em); /** color used by the badge component for neutral foreground. */
  --ki-button-xs-font-size: var(--ki-typography-size-caption-1); /** dimension used by the button component for xs font size (MarsUI caption_1 10px). */
  --ki-button-xs-line-height: var(--ki-typography-line-height-caption-1); /** dimension used by the button component for xs line height (MarsUI caption_1 16px). */
  --ki-button-sm-font-size: var(--ki-typography-size-body-1); /** dimension used by the button component for sm font size. */
  --ki-button-sm-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the button component for sm line height. */
  --ki-button-md-font-size: var(--ki-typography-size-body-1); /** dimension used by the button component for md font size. */
  --ki-button-md-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the button component for md line height. */
  --ki-button-lg-font-size: var(--ki-typography-size-body-2); /** dimension used by the button component for lg font size. */
  --ki-button-lg-line-height: var(--ki-typography-line-height-body-2); /** dimension used by the button component for lg line height. */
  --ki-button-xl-font-size: var(--ki-typography-size-title-2); /** dimension used by the button component for xl font size. */
  --ki-button-xl-line-height: var(--ki-typography-line-height-title-2); /** dimension used by the button component for xl line height. */
  --ki-button-font-family: var(--ki-typography-family-body); /** font family used by the button component for font family. */
  --ki-button-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the button component for font weight. */
  --ki-button-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the button component for focus ring color. */
  --ki-button-primary-neutral-rest-bg: var(--ki-surface-primary-med-em); /** color used by the button component for primary neutral rest background (MarsUI Surface/primary_med_em, brand 500). */
  --ki-button-primary-neutral-rest-fg: var(--ki-text-primary-on-primary); /** color used by the button component for primary neutral rest foreground. */
  --ki-button-primary-neutral-hover-bg: var(--ki-surface-primary-med-em); /** color used by the button component for primary neutral hover background (MarsUI: rest fill; hover lightening comes from the hover overlay). */
  --ki-button-primary-neutral-hover-fg: var(--ki-text-primary-on-primary); /** color used by the button component for primary neutral hover foreground. */
  --ki-button-primary-neutral-active-bg: var(--ki-surface-primary-med-em); /** color used by the button component for primary neutral active background (MarsUI defines no pressed state; mirrors rest). */
  --ki-button-primary-neutral-active-fg: var(--ki-text-primary-on-primary); /** color used by the button component for primary neutral active foreground. */
  --ki-button-primary-success-rest-fg: var(--ki-text-primary-on-success); /** color used by the button component for primary success rest foreground. */
  --ki-button-primary-success-hover-fg: var(--ki-text-primary-on-success); /** color used by the button component for primary success hover foreground. */
  --ki-button-primary-success-active-fg: var(--ki-text-primary-on-success); /** color used by the button component for primary success active foreground. */
  --ki-button-primary-rest-shadow: var(--ki-effect-component-primary-default-shadow); /** shadow used by the button component for button primary rest shadow (MarsUI Component_effect/primary_default). */
  --ki-button-primary-hover-shadow: var(--ki-effect-component-primary-hover-shadow); /** shadow used by the button component for button primary hover shadow (MarsUI Component_effect/primary_hover). */
  --ki-button-primary-active-shadow: var(--ki-effect-component-primary-default-shadow); /** shadow used by the button component for primary active shadow (MarsUI defines no pressed state; mirrors rest). */
  --ki-button-secondary-neutral-rest-fg: var(--ki-text-high-em); /** color used by the button component for secondary neutral rest foreground (MarsUI text/high_em). */
  --ki-button-secondary-neutral-hover-fg: var(--ki-text-high-em); /** color used by the button component for secondary neutral hover foreground (MarsUI text/high_em). */
  --ki-button-secondary-neutral-active-fg: var(--ki-text-high-em); /** color used by the button component for secondary neutral active foreground (MarsUI text/high_em). */
  --ki-button-secondary-rest-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the button component for secondary rest shadow (MarsUI Component_effect/secondary_default). */
  --ki-button-secondary-hover-shadow: var(--ki-effect-component-secondary-hover-shadow); /** shadow used by the button component for secondary hover shadow (MarsUI Component_effect/secondary_hover). */
  --ki-button-secondary-active-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the button component for secondary active shadow (MarsUI defines no pressed state; mirrors rest). */
  --ki-button-tertiary-neutral-rest-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the button component for tertiary neutral rest background (MarsUI tertiary fill Surface/special/light-s0_dark-s2: White light, Dark/800 dark). */
  --ki-button-tertiary-neutral-rest-fg: var(--ki-text-med-em); /** color used by the button component for tertiary neutral rest foreground (MarsUI tertiary label text/med_em gray — Kimen tertiary maps to Figma tertiary; the purple-label row is primary_flat, documented alternative). */
  --ki-button-tertiary-neutral-hover-bg: var(--ki-surface-special-light-s1-dark-s2); /** color used by the button component for tertiary neutral hover background (one light step over the rest fill; dark keeps the rest fill — the hover signal is Component_effect/secondary_hover). */
  --ki-button-tertiary-neutral-hover-fg: var(--ki-text-med-em); /** color used by the button component for tertiary neutral hover foreground (MarsUI tertiary label text/med_em gray — Kimen tertiary maps to Figma tertiary; the purple-label row is primary_flat, documented alternative). */
  --ki-button-tertiary-neutral-active-bg: var(--ki-surface-special-light-s2-dark-s3); /** color used by the button component for tertiary neutral active background (MarsUI defines no pressed state; one step beyond hover in both schemes). */
  --ki-button-tertiary-neutral-active-fg: var(--ki-text-med-em); /** color used by the button component for tertiary neutral active foreground (MarsUI tertiary label text/med_em gray — Kimen tertiary maps to Figma tertiary; the purple-label row is primary_flat, documented alternative). */
  --ki-button-tertiary-success-rest-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the button component for tertiary success rest background (MarsUI tertiary fill Surface/special/light-s0_dark-s2: White light, Dark/800 dark). */
  --ki-button-tertiary-success-hover-bg: var(--ki-surface-special-light-s1-dark-s2); /** color used by the button component for tertiary success hover background (one light step over the rest fill; dark keeps the rest fill — the hover signal is Component_effect/secondary_hover). */
  --ki-button-tertiary-success-active-bg: var(--ki-surface-special-light-s2-dark-s3); /** color used by the button component for tertiary success active background (MarsUI defines no pressed state; one step beyond hover in both schemes). */
  --ki-button-tertiary-danger-rest-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the button component for tertiary danger rest background (MarsUI tertiary fill Surface/special/light-s0_dark-s2: White light, Dark/800 dark). */
  --ki-button-tertiary-danger-hover-bg: var(--ki-surface-special-light-s1-dark-s2); /** color used by the button component for tertiary danger hover background (one light step over the rest fill; dark keeps the rest fill — the hover signal is Component_effect/secondary_hover). */
  --ki-button-tertiary-danger-active-bg: var(--ki-surface-special-light-s2-dark-s3); /** color used by the button component for tertiary danger active background (MarsUI defines no pressed state; one step beyond hover in both schemes). */
  --ki-button-tertiary-rest-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the button component for tertiary rest shadow (MarsUI Component_effect/secondary_default — replaces the migrated M2-era stack, which the material3 theme keeps via its own override). */
  --ki-button-tertiary-hover-shadow: var(--ki-effect-component-secondary-hover-shadow); /** shadow used by the button component for tertiary hover shadow (MarsUI Component_effect/secondary_hover). */
  --ki-button-tertiary-active-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the button component for tertiary active shadow (MarsUI defines no pressed state; mirrors rest). */
  --ki-button-quaternary-neutral-rest-fg: var(--ki-text-med-em); /** color used by the button component for quaternary neutral rest foreground (MarsUI quaternary label text/med_em gray; the outlined-purple rest identity was a pre-master synthesis). */
  --ki-button-quaternary-neutral-hover-fg: var(--ki-text-med-em); /** color used by the button component for quaternary neutral hover foreground (MarsUI quaternary label text/med_em gray; the outlined-purple rest identity was a pre-master synthesis). */
  --ki-button-quaternary-neutral-active-fg: var(--ki-text-med-em); /** color used by the button component for quaternary neutral active foreground (MarsUI quaternary label text/med_em gray; the outlined-purple rest identity was a pre-master synthesis). */
  --ki-button-ghost-neutral-rest-fg: var(--ki-text-primary-high-em); /** color used by the button component for ghost neutral rest foreground. */
  --ki-button-ghost-neutral-hover-bg: var(--ki-surface-primary-base-em-alpha); /** color used by the button component for ghost neutral hover background. */
  --ki-button-ghost-neutral-hover-fg: var(--ki-text-primary-high-em); /** color used by the button component for ghost neutral hover foreground. */
  --ki-button-ghost-neutral-active-bg: var(--ki-surface-primary-low-em); /** color used by the button component for ghost neutral active background. */
  --ki-button-ghost-neutral-active-fg: var(--ki-text-primary-high-em); /** color used by the button component for ghost neutral active foreground. */
  --ki-card-bg: var(--ki-surface-special-light-s0-dark-s1); /** color used by the card component for background (MarsUI Dashboard masters bind Surface/special/light-s0_dark-s1: white light / Dark/900 dark; #f9f9fa is the nested media panel, so the old s1 value inverted the surface hierarchy). */
  --ki-card-fg: var(--ki-text-high-em); /** color used by the card component for foreground. */
  --ki-card-elevation: var(--ki-elevation-e1); /** Card resting elevation: MarsUI elevation ramp level e1 (brief §5, drop 0/1/1/-0.5 in the scheme shadow color; replaces the migrated M2-era shadow). */
  --ki-checkbox-label-font-size: var(--ki-typography-size-body-2); /** dimension used by the checkbox component for label font size (MarsUI md pairing: body_2 15px for the 20px box). */
  --ki-checkbox-label-font-weight: var(--ki-typography-weight-body-normal); /** font weight used by the checkbox component for label font weight. */
  --ki-checkbox-label-line-height: var(--ki-typography-line-height-body-2); /** dimension used by the checkbox component for label line height (MarsUI body_2 24px). */
  --ki-checkbox-unchecked-rest-fg: var(--ki-text-high-em); /** color used by the checkbox component for unchecked rest foreground. */
  --ki-checkbox-unchecked-hover-fg: var(--ki-text-high-em); /** color used by the checkbox component for unchecked hover foreground. */
  --ki-checkbox-unchecked-hover-border: var(--ki-outline-primary-high-em); /** color used by the checkbox component for unchecked hover border. */
  --ki-checkbox-unchecked-active-fg: var(--ki-text-high-em); /** color used by the checkbox component for unchecked active foreground. */
  --ki-checkbox-unchecked-active-border: var(--ki-outline-primary-high-em); /** color used by the checkbox component for unchecked active border. */
  --ki-checkbox-unchecked-disabled-fg: var(--ki-text-base-em); /** color used by the checkbox component for unchecked disabled mark (MarsUI Text/base_em Gray/400 light / White-32 dark; retires the deprecated ki.text.muted alias). */
  --ki-checkbox-checked-rest-bg: var(--ki-surface-primary-med-em); /** color used by the checkbox component for checked rest background. */
  --ki-checkbox-checked-rest-fg: var(--ki-text-primary-on-primary); /** color used by the checkbox component for checked rest foreground. */
  --ki-checkbox-checked-hover-bg: var(--ki-surface-primary-med-em-hover); /** color used by the checkbox component for checked hover background. */
  --ki-checkbox-checked-hover-fg: var(--ki-text-primary-on-primary); /** color used by the checkbox component for checked hover foreground. */
  --ki-checkbox-checked-active-bg: var(--ki-surface-primary-med-em); /** color used by the checkbox component for checked active background. */
  --ki-checkbox-checked-active-fg: var(--ki-text-primary-on-primary); /** color used by the checkbox component for checked active foreground. */
  --ki-checkbox-checked-disabled-fg: var(--ki-text-base-em); /** color used by the checkbox component for checked disabled mark (MarsUI Text/base_em Gray/400 light / White-32 dark; retires the deprecated ki.text.muted alias). */
  --ki-checkbox-indeterminate-rest-bg: var(--ki-surface-primary-low-em-alpha); /** color used by the checkbox component for indeterminate rest background (MarsUI Surface/primary_low_em_alpha: brand-500 at 20% light / 56% dark; the master defines no indeterminate hover, so every state keeps the tint). */
  --ki-checkbox-indeterminate-rest-fg: var(--ki-text-primary-high-em); /** color used by the checkbox component for indeterminate rest dash (Figma binds Text/primary_med_em brand-500, which measures 2.7:1 against the 56% tint in dark; one em step up keeps the 3:1 non-text law in both schemes — gate-driven compliant alternative). */
  --ki-checkbox-indeterminate-rest-border: var(--ki-outline-primary-high-em); /** color used by the checkbox component for indeterminate rest border (Figma draws no border on the 20% tint, but the tint alone measures ~1.3:1 against light pages; the opaque brand ring keeps the WCAG 1.4.11 3:1 control boundary — gate-driven declared deviation, same law that pinned ki.outline.control). */
  --ki-checkbox-indeterminate-hover-bg: var(--ki-surface-primary-low-em-alpha); /** color used by the checkbox component for indeterminate hover background (MarsUI Surface/primary_low_em_alpha: brand-500 at 20% light / 56% dark; the master defines no indeterminate hover, so every state keeps the tint). */
  --ki-checkbox-indeterminate-hover-fg: var(--ki-text-primary-high-em); /** color used by the checkbox component for indeterminate hover dash (Figma binds Text/primary_med_em brand-500, which measures 2.7:1 against the 56% tint in dark; one em step up keeps the 3:1 non-text law in both schemes — gate-driven compliant alternative). */
  --ki-checkbox-indeterminate-hover-border: var(--ki-outline-primary-high-em); /** color used by the checkbox component for indeterminate hover border (Figma draws no border on the 20% tint, but the tint alone measures ~1.3:1 against light pages; the opaque brand ring keeps the WCAG 1.4.11 3:1 control boundary — gate-driven declared deviation, same law that pinned ki.outline.control). */
  --ki-checkbox-indeterminate-active-bg: var(--ki-surface-primary-low-em-alpha); /** color used by the checkbox component for indeterminate active background (MarsUI Surface/primary_low_em_alpha: brand-500 at 20% light / 56% dark; the master defines no indeterminate hover, so every state keeps the tint). */
  --ki-checkbox-indeterminate-active-fg: var(--ki-text-primary-high-em); /** color used by the checkbox component for indeterminate active dash (Figma binds Text/primary_med_em brand-500, which measures 2.7:1 against the 56% tint in dark; one em step up keeps the 3:1 non-text law in both schemes — gate-driven compliant alternative). */
  --ki-checkbox-indeterminate-active-border: var(--ki-outline-primary-high-em); /** color used by the checkbox component for indeterminate active border (Figma draws no border on the 20% tint, but the tint alone measures ~1.3:1 against light pages; the opaque brand ring keeps the WCAG 1.4.11 3:1 control boundary — gate-driven declared deviation, same law that pinned ki.outline.control). */
  --ki-checkbox-indeterminate-disabled-fg: var(--ki-text-base-em); /** color used by the checkbox component for indeterminate disabled mark (MarsUI Text/base_em Gray/400 light / White-32 dark; retires the deprecated ki.text.muted alias). */
  --ki-checkbox-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the checkbox component for focus ring color. */
  --ki-dialog-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the dialog component for background (flat fallback of the MarsUI glass gradient: Surface/Special/light-s0_dark-s2; components paint the gradient from ki.dialog.bg-start to ki.dialog.bg-end). */
  --ki-dialog-bg-end: var(--ki-surface-special-light-s0-dark-s2); /** color used by the dialog component for the glass gradient end (MarsUI Surface/Special/light-s0_dark-s2: white light / Dark/800 dark). */
  --ki-dialog-fg: var(--ki-text-high-em); /** color used by the dialog component for foreground. */
  --ki-dialog-shadow: var(--ki-elevation-e4); /** Dialog elevation: MarsUI elevation ramp level e4 (brief §5, high modal surface; replaces the migrated approximation). material3 keeps its own e3 override (M3 dialog = level3). */
  --ki-dialog-heading-font-size: var(--ki-typography-size-title-2); /** dimension used by the dialog component for heading font size. */
  --ki-dialog-heading-font-weight: var(--ki-typography-weight-body-semibold); /** font weight used by the dialog component for heading font weight. */
  --ki-dialog-heading-line-height: var(--ki-typography-line-height-title-2); /** dimension used by the dialog component for heading line height. */
  --ki-dialog-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the dialog component for focus ring color. */
  --ki-icon-button-primary-neutral-rest-bg: var(--ki-surface-primary-med-em); /** color used by the icon button component for primary neutral rest background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-neutral-rest-fg: var(--ki-text-primary-on-primary); /** color used by the icon button component for primary neutral rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-neutral-hover-bg: var(--ki-surface-primary-med-em); /** color used by the icon button component for primary neutral hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-neutral-hover-fg: var(--ki-text-primary-on-primary); /** color used by the icon button component for primary neutral hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-neutral-active-bg: var(--ki-surface-primary-med-em); /** color used by the icon button component for primary neutral active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-primary-neutral-active-fg: var(--ki-text-primary-on-primary); /** color used by the icon button component for primary neutral active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-success-rest-fg: var(--ki-text-primary-on-success); /** color used by the icon button component for primary success rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-success-hover-fg: var(--ki-text-primary-on-success); /** color used by the icon button component for primary success hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-success-active-fg: var(--ki-text-primary-on-success); /** color used by the icon button component for primary success active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-primary-rest-shadow: var(--ki-effect-component-primary-default-shadow); /** shadow used by the icon button component for primary rest shadow (MarsUI Component_effect/primary_default). */
  --ki-icon-button-primary-hover-shadow: var(--ki-effect-component-primary-hover-shadow); /** shadow used by the icon button component for primary hover shadow (MarsUI Component_effect/primary_hover). */
  --ki-icon-button-primary-active-shadow: var(--ki-effect-component-primary-default-shadow); /** shadow used by the icon button component for primary active shadow (MarsUI Component_effect/primary_default; MarsUI defines no pressed state, mirrors rest). */
  --ki-icon-button-secondary-neutral-rest-fg: var(--ki-text-high-em); /** color used by the icon button component for secondary neutral rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-neutral-hover-fg: var(--ki-text-high-em); /** color used by the icon button component for secondary neutral hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-neutral-active-fg: var(--ki-text-high-em); /** color used by the icon button component for secondary neutral active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-secondary-rest-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the icon button component for secondary rest shadow (MarsUI Component_effect/secondary_default). */
  --ki-icon-button-secondary-hover-shadow: var(--ki-effect-component-secondary-hover-shadow); /** shadow used by the icon button component for secondary hover shadow (MarsUI Component_effect/secondary_hover). */
  --ki-icon-button-secondary-active-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the icon button component for secondary active shadow (MarsUI Component_effect/secondary_default; MarsUI defines no pressed state, mirrors rest). */
  --ki-icon-button-tertiary-neutral-rest-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the icon button component for tertiary neutral rest background (MarsUI tertiary fill Surface/special/light-s0_dark-s2: White light, Dark/800 dark). */
  --ki-icon-button-tertiary-neutral-rest-fg: var(--ki-text-med-em); /** color used by the icon button component for tertiary neutral rest icon color (MarsUI tertiary glyph text/med_em gray — Kimen tertiary maps to Figma tertiary; the purple-glyph row is primary_flat, documented alternative). */
  --ki-icon-button-tertiary-neutral-hover-bg: var(--ki-surface-special-light-s1-dark-s2); /** color used by the icon button component for tertiary neutral hover background (one light step over the rest fill; dark keeps the rest fill — the hover signal is Component_effect/secondary_hover). */
  --ki-icon-button-tertiary-neutral-hover-fg: var(--ki-text-med-em); /** color used by the icon button component for tertiary neutral hover icon color (MarsUI tertiary glyph text/med_em gray — Kimen tertiary maps to Figma tertiary; the purple-glyph row is primary_flat, documented alternative). */
  --ki-icon-button-tertiary-neutral-active-bg: var(--ki-surface-special-light-s2-dark-s3); /** color used by the icon button component for tertiary neutral active background (MarsUI defines no pressed state; one step beyond hover in both schemes). */
  --ki-icon-button-tertiary-neutral-active-fg: var(--ki-text-med-em); /** color used by the icon button component for tertiary neutral active icon color (MarsUI tertiary glyph text/med_em gray — Kimen tertiary maps to Figma tertiary; the purple-glyph row is primary_flat, documented alternative). */
  --ki-icon-button-tertiary-success-rest-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the icon button component for tertiary success rest background (MarsUI tertiary fill Surface/special/light-s0_dark-s2: White light, Dark/800 dark). */
  --ki-icon-button-tertiary-success-hover-bg: var(--ki-surface-special-light-s1-dark-s2); /** color used by the icon button component for tertiary success hover background (one light step over the rest fill; dark keeps the rest fill — the hover signal is Component_effect/secondary_hover). */
  --ki-icon-button-tertiary-success-active-bg: var(--ki-surface-special-light-s2-dark-s3); /** color used by the icon button component for tertiary success active background (MarsUI defines no pressed state; one step beyond hover in both schemes). */
  --ki-icon-button-tertiary-danger-rest-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the icon button component for tertiary danger rest background (MarsUI tertiary fill Surface/special/light-s0_dark-s2: White light, Dark/800 dark). */
  --ki-icon-button-tertiary-danger-hover-bg: var(--ki-surface-special-light-s1-dark-s2); /** color used by the icon button component for tertiary danger hover background (one light step over the rest fill; dark keeps the rest fill — the hover signal is Component_effect/secondary_hover). */
  --ki-icon-button-tertiary-danger-active-bg: var(--ki-surface-special-light-s2-dark-s3); /** color used by the icon button component for tertiary danger active background (MarsUI defines no pressed state; one step beyond hover in both schemes). */
  --ki-icon-button-tertiary-rest-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the icon button component for tertiary rest shadow (MarsUI Component_effect/secondary_default — replaces the migrated M2-era stack, which the material3 theme keeps via its own override). */
  --ki-icon-button-tertiary-hover-shadow: var(--ki-effect-component-secondary-hover-shadow); /** shadow used by the icon button component for tertiary hover shadow (MarsUI Component_effect/secondary_hover). */
  --ki-icon-button-tertiary-active-shadow: var(--ki-effect-component-secondary-default-shadow); /** shadow used by the icon button component for tertiary active shadow (MarsUI defines no pressed state; mirrors rest). */
  --ki-icon-button-quaternary-neutral-rest-fg: var(--ki-text-med-em); /** color used by the icon button component for quaternary neutral rest icon color (MarsUI quaternary glyph text/med_em gray; the outlined-purple rest identity was a pre-master synthesis). */
  --ki-icon-button-quaternary-neutral-hover-fg: var(--ki-text-med-em); /** color used by the icon button component for quaternary neutral hover icon color (MarsUI quaternary glyph text/med_em gray; the outlined-purple rest identity was a pre-master synthesis). */
  --ki-icon-button-quaternary-neutral-active-fg: var(--ki-text-med-em); /** color used by the icon button component for quaternary neutral active icon color (MarsUI quaternary glyph text/med_em gray; the outlined-purple rest identity was a pre-master synthesis). */
  --ki-icon-button-ghost-neutral-rest-fg: var(--ki-text-primary-high-em); /** color used by the icon button component for ghost neutral rest foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-neutral-hover-bg: var(--ki-surface-primary-base-em-alpha); /** color used by the icon button component for ghost neutral hover background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-neutral-hover-fg: var(--ki-text-primary-high-em); /** color used by the icon button component for ghost neutral hover foreground — the icon inherits it via currentColor. */
  --ki-icon-button-ghost-neutral-active-bg: var(--ki-surface-primary-low-em); /** color used by the icon button component for ghost neutral active background (same semantic reference as the button matrix, 002). */
  --ki-icon-button-ghost-neutral-active-fg: var(--ki-text-primary-high-em); /** color used by the icon button component for ghost neutral active foreground — the icon inherits it via currentColor. */
  --ki-icon-button-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the icon button component for focus ring color (the opaque WCAG 1.4.11 indicator). */
  --ki-input-hint-fg: var(--ki-text-med-em); /** color used by the input component for the hint row foreground (MarsUI Hint_label Text/med_em; the hint row itself is pending its founder-gated API addition). */
  --ki-input-font-size: var(--ki-typography-size-body-1); /** dimension used by the input component for font size. */
  --ki-input-font-weight: var(--ki-typography-weight-body-normal); /** font weight used by the input component for font weight. */
  --ki-input-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the input component for line height. */
  --ki-input-label-font-size: var(--ki-typography-size-body-1); /** dimension used by the input component for label font size (MarsUI UI/Para/medium: body_1 13px). */
  --ki-input-label-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the input component for label font weight. */
  --ki-input-label-line-height: var(--ki-typography-line-height-para); /** dimension used by the input component for label line height (MarsUI line_height/para 20px). */
  --ki-input-rest-fg: var(--ki-text-high-em); /** color used by the input component for rest foreground. */
  --ki-input-rest-label-fg: var(--ki-text-med-em); /** color used by the input component for rest label foreground (MarsUI label is Text/med_em in every non-disabled state — active and danger included; the danger signal lives in the hint). */
  --ki-input-rest-placeholder-fg: var(--ki-text-low-em); /** color used by the input component for rest placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-input-hover-fg: var(--ki-text-high-em); /** color used by the input component for hover foreground. */
  --ki-input-hover-label-fg: var(--ki-text-med-em); /** color used by the input component for hover label foreground (MarsUI label is Text/med_em in every non-disabled state — active and danger included; the danger signal lives in the hint). */
  --ki-input-hover-placeholder-fg: var(--ki-text-low-em); /** color used by the input component for hover placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-input-focus-fg: var(--ki-text-high-em); /** color used by the input component for focus foreground. */
  --ki-input-focus-border: var(--ki-outline-primary-high-em); /** color used by the input component for focus border. */
  --ki-input-focus-label-fg: var(--ki-text-med-em); /** color used by the input component for focus label foreground (MarsUI label is Text/med_em in every non-disabled state — active and danger included; the danger signal lives in the hint). */
  --ki-input-focus-placeholder-fg: var(--ki-text-low-em); /** color used by the input component for focus placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-input-disabled-fg: var(--ki-text-base-em); /** color used by the input component for disabled foreground (MarsUI disabled text Text/base_em; disabled cells are exempt from the contrast sweep). */
  --ki-input-disabled-label-fg: var(--ki-text-base-em); /** color used by the input component for disabled label foreground. */
  --ki-input-disabled-placeholder-fg: var(--ki-text-base-em); /** color used by the input component for disabled placeholder foreground. */
  --ki-input-disabled-hint-fg: var(--ki-text-base-em); /** color used by the input component for the disabled hint row foreground (MarsUI disabled ladder Text/base_em; disabled cells are exempt from the contrast sweep). */
  --ki-input-readonly-fg: var(--ki-text-high-em); /** color used by the input component for readonly foreground. */
  --ki-input-readonly-label-fg: var(--ki-text-med-em); /** color used by the input component for readonly label foreground (MarsUI label is Text/med_em in every non-disabled state — active and danger included; the danger signal lives in the hint). */
  --ki-input-readonly-placeholder-fg: var(--ki-text-low-em); /** color used by the input component for readonly placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-input-invalid-fg: var(--ki-text-high-em); /** color used by the input component for invalid foreground. */
  --ki-input-invalid-label-fg: var(--ki-text-med-em); /** color used by the input component for invalid label foreground (MarsUI label is Text/med_em in every non-disabled state — active and danger included; the danger signal lives in the hint). */
  --ki-input-invalid-placeholder-fg: var(--ki-text-low-em); /** color used by the input component for invalid placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-input-invalid-ring: var(--ki-focus-danger); /** shadow used by the input component for the persistent invalid ring (MarsUI Focus/danger: 3px danger-500 alpha spread; applied as box-shadow while :state(user-invalid)). */
  --ki-input-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the input component for focus ring color. */
  --ki-list-item-primary-font-size: var(--ki-typography-size-body-1); /** dimension used by the list component for item primary font size. */
  --ki-list-item-primary-line-height: var(--ki-typography-line-height-para); /** dimension used by the list component for primary line height (MarsUI primary is UI/Para/medium 13/20, not UI/Body 1 13/24). */
  --ki-list-item-primary-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the list component for item primary font weight. */
  --ki-list-item-primary-fg: var(--ki-text-high-em); /** color used by the list component for item primary foreground. */
  --ki-list-item-secondary-font-size: var(--ki-typography-size-caption-2); /** dimension used by the list component for secondary font size (MarsUI description line is UI/Caption 2: 12px). */
  --ki-list-item-secondary-line-height: var(--ki-typography-line-height-caption-2); /** dimension used by the list component for secondary line height (MarsUI caption_2 16px; same value as before with the correct provenance). */
  --ki-list-item-secondary-font-weight: var(--ki-typography-weight-body-normal); /** font weight used by the list component for item secondary font weight. */
  --ki-list-item-secondary-fg: var(--ki-text-med-em); /** color used by the list component for item secondary foreground. */
  --ki-option-font-size: var(--ki-typography-size-body-1); /** dimension used by the option component for font size. */
  --ki-option-rest-fg: var(--ki-text-high-em); /** color used by the option component for rest foreground. */
  --ki-option-hover-fg: var(--ki-text-high-em); /** color used by the option component for hover foreground. */
  --ki-option-highlight-fg: var(--ki-text-high-em); /** color used by the option component for highlight foreground. */
  --ki-option-selected-bg: var(--ki-surface-primary-low-em); /** color used by the option component for selected background. */
  --ki-option-selected-fg: var(--ki-text-high-em); /** color used by the option component for selected foreground. */
  --ki-option-disabled-fg: var(--ki-text-low-em); /** color used by the option component for disabled foreground. */
  --ki-progress-indicator-color: var(--ki-surface-primary-med-em); /** MarsUI fills components with the med-em (500) tone of the ramp (marsui-design-dna.md §1; specs/002-ki-button/design-extraction.md §§2.1-2.4 delta 500-vs-high-em): progress indicator uses surface.primary-med-em. */
  --ki-radio-group-label-font-size: var(--ki-typography-size-body-1); /** dimension used by the radio group component for label font size. */
  --ki-radio-group-label-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the radio group component for label font weight. */
  --ki-radio-group-label-line-height: var(--ki-typography-line-height-para); /** dimension used by the radio group component for label line height (closest measured analogue: Radio_label sm 13/20; no group-title master exists — low-confidence refinement). */
  --ki-radio-dot-shadow: var(--ki-effect-small-dark-shadow); /** shadow used by the radio component for the selected dot (MarsUI Small_dark_shadow: drop 0/2/3/-1.5 Elevation/shadow_dark, the lifted-dot look of the master). */
  --ki-radio-label-font-size: var(--ki-typography-size-body-2); /** dimension used by the radio component for label font size (MarsUI md pairing: body_2 15px; line-height stays 24 and weight 500). */
  --ki-radio-label-font-weight: var(--ki-typography-weight-body-normal); /** font weight used by the radio component for label font weight. */
  --ki-radio-label-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the radio component for label line height. */
  --ki-radio-unselected-rest-fg: var(--ki-text-primary-high-em); /** color used by the radio component for unselected rest foreground. */
  --ki-radio-unselected-hover-fg: var(--ki-text-primary-high-em); /** color used by the radio component for unselected hover foreground. */
  --ki-radio-unselected-hover-border: var(--ki-outline-primary-high-em); /** color used by the radio component for unselected hover border. */
  --ki-radio-unselected-active-fg: var(--ki-text-primary-high-em); /** color used by the radio component for unselected active foreground. */
  --ki-radio-unselected-active-border: var(--ki-outline-primary-high-em); /** color used by the radio component for unselected active border. */
  --ki-radio-unselected-disabled-fg: var(--ki-text-base-em); /** color used by the radio component for unselected disabled dot color (dot is hidden unselected; kept coherent with the disabled ladder, retiring the deprecated ki.text.muted alias). */
  --ki-radio-selected-rest-bg: var(--ki-surface-primary-med-em); /** color used by the radio component for selected rest background (MarsUI active radio is a solid Surface/primary_med_em #845abe circle — the filled donut with a white dot is the signature, mirroring ki-checkbox checked). */
  --ki-radio-selected-rest-fg: var(--ki-text-primary-on-primary); /** color used by the radio component for selected rest dot (MarsUI Text/primary_on_primary white 8px dot). */
  --ki-radio-selected-rest-border: var(--ki-surface-primary-med-em); /** color used by the radio component for selected rest border (same as the fill: the selected circle is borderless in the master). */
  --ki-radio-selected-hover-bg: var(--ki-surface-primary-med-em-hover); /** color used by the radio component for selected hover background (the master has no selected-hover variant; mirrors ki-checkbox checked hover: a real delta in both schemes). */
  --ki-radio-selected-hover-fg: var(--ki-text-primary-on-primary); /** color used by the radio component for selected hover foreground. */
  --ki-radio-selected-hover-border: var(--ki-surface-primary-med-em-hover); /** color used by the radio component for selected hover border (same as the fill: borderless look). */
  --ki-radio-selected-active-bg: var(--ki-surface-primary-med-em); /** color used by the radio component for selected active background (MarsUI defines no pressed state; mirrors rest). */
  --ki-radio-selected-active-fg: var(--ki-text-primary-on-primary); /** color used by the radio component for selected active foreground. */
  --ki-radio-selected-active-border: var(--ki-surface-primary-med-em); /** color used by the radio component for selected active border (same as the fill: borderless look). */
  --ki-radio-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the radio component for focus ring color. */
  --ki-scroller-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the scroller component for the viewport focus ring: the keyboard-focusable scroll region (FR-005) adopts the ki-dialog focus-ring pair verbatim. */
  --ki-select-font-size: var(--ki-typography-size-body-1); /** dimension used by the select component for font size. */
  --ki-select-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the select component for the trigger value (MarsUI UI/Body 1/medium: weight 600). */
  --ki-select-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the select component for the trigger value line height (MarsUI body_1 24px). */
  --ki-select-label-font-size: var(--ki-typography-size-body-1); /** dimension used by the select component for label font size (MarsUI UI/Para/medium: body_1 13px). */
  --ki-select-label-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the select component for label font weight. */
  --ki-select-label-line-height: var(--ki-typography-line-height-para); /** dimension used by the select component for label line height (MarsUI line_height/para 20px). */
  --ki-select-rest-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the select component for rest background (MarsUI Dropdown rest fill Surface/Special/light-s0_dark-s2: white light, Dark/800 dark). */
  --ki-select-rest-fg: var(--ki-text-high-em); /** color used by the select component for rest foreground. */
  --ki-select-rest-label-fg: var(--ki-text-med-em); /** color used by the select component for rest label foreground. */
  --ki-select-hover-bg: var(--ki-surface-special-light-s2-dark-s3); /** color used by the select component for hover background (MarsUI hover = rest fill + hover_overlay_inverse; nearest cross-scheme step that keeps the ramp monotonic in dark). */
  --ki-select-hover-fg: var(--ki-text-high-em); /** color used by the select component for hover foreground. */
  --ki-select-hover-label-fg: var(--ki-text-high-em); /** color used by the select component for hover label foreground. */
  --ki-select-focus-bg: var(--ki-surface-special-light-s0-dark-s4); /** color used by the select component for focus background (MarsUI Dropdown focus fill Surface/Special/light-s0_dark-s4). */
  --ki-select-focus-fg: var(--ki-text-high-em); /** color used by the select component for focus foreground. */
  --ki-select-focus-border: var(--ki-select-rest-border); /** color used by the select component for focus border (MarsUI active is glow-only: the border stays the rest hairline while Focus/primary carries the emphasis — repointed from ki.outline.primary-high-em per the fidelity audit; material3 keeps the opaque primary border via its override). */
  --ki-select-focus-label-fg: var(--ki-text-high-em); /** color used by the select component for focus label foreground. */
  --ki-select-disabled-fg: var(--ki-text-base-em); /** color used by the select component for disabled foreground (MarsUI disabled text Text/base_em Gray/400; disabled cells are exempt from the contrast sweep). */
  --ki-select-disabled-label-fg: var(--ki-text-base-em); /** color used by the select component for disabled label foreground. */
  --ki-select-placeholder-fg: var(--ki-text-med-em); /** color used by the select component for placeholder foreground. */
  --ki-select-listbox-shadow: var(--ki-elevation-e3); /** shadow used by the select component for the listbox: MarsUI elevation ramp e3 (brief §5), the medium floating-surface level, replacing the former hand-composed offset/color shadow. Declared level: e3 (M3 analog: menu/dialog band; material3 overrides to e2 = md.sys.elevation.level2 for menus). */
  --ki-select-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the select component for focus ring color. */
  --ki-status-shadow: var(--ki-effect-component-primary-default-shadow); /** shadow used by the status component for the dot effects: the exact MarsUI pair on every Status variant — e1 drop (0/1/1/-0.5 in the scheme shadow color) plus inner White/12 highlight (0/3/3), i.e. Component_effect/primary_default's box-shadow layers. The effect's backdrop blur is deliberately NOT applied: a 4px dot has no glass surface to blur (brief §5 perf note, glass restraint). */
  --ki-switch-unchecked-rest-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for unchecked rest thumb. */
  --ki-switch-unchecked-hover-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for unchecked hover thumb. */
  --ki-switch-unchecked-active-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for unchecked active thumb. */
  --ki-switch-unchecked-disabled-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for unchecked disabled thumb (MarsUI pointer keeps its light construction in every state including disabled). */
  --ki-switch-checked-rest-track: var(--ki-surface-primary-med-em); /** color used by the switch component for checked rest track. */
  --ki-switch-checked-rest-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for checked rest thumb. */
  --ki-switch-checked-hover-track: var(--ki-surface-primary-med-em-hover); /** color used by the switch component for checked hover track. */
  --ki-switch-checked-hover-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for checked hover thumb. */
  --ki-switch-checked-active-track: var(--ki-surface-primary-med-em-hover); /** color used by the switch component for checked active track. */
  --ki-switch-checked-active-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for checked active thumb. */
  --ki-switch-checked-disabled-thumb: var(--ki-surface-special-light-s0-dark-s4); /** color used by the switch component for checked disabled thumb (MarsUI pointer keeps its light construction in every state including disabled). */
  --ki-switch-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the switch component for focus ring color. */
  --ki-tab-panel-fg: var(--ki-text-high-em); /** color used by the tab panel component for foreground (pairs a scheme-correct text color with whatever ground the transparent panel sits on — fixes black-on-black slotted text in dark). */
  --ki-tab-panel-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the tab panel component for focus ring color. */
  --ki-tab-font-size: var(--ki-typography-size-body-1); /** dimension used by the tab component for font size. */
  --ki-tab-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the tab component for font weight. */
  --ki-tab-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the tab component for line height. */
  --ki-tab-selected-rest-fg: var(--ki-text-high-em); /** color used by the tab component for selected rest foreground (MarsUI active tab label is neutral Text/high_em — never purple; master 10048:1240). */
  --ki-tab-selected-hover-fg: var(--ki-text-high-em); /** color used by the tab component for selected hover foreground (MarsUI active tab label is neutral Text/high_em — never purple; master 10048:1240). */
  --ki-tab-selected-active-fg: var(--ki-text-high-em); /** color used by the tab component for selected active foreground (MarsUI active tab label is neutral Text/high_em — never purple; master 10048:1240). */
  --ki-tab-unselected-rest-fg: var(--ki-text-med-em); /** color used by the tab component for unselected rest foreground (Figma inactive is Text/low_em, which fails the 4.5:1 text gate at 13px; med_em is the gate-compliant rest value — declared deviation). */
  --ki-tab-unselected-hover-fg: var(--ki-text-high-em); /** color used by the tab component for unselected hover foreground (with rest at med_em, hover darkens one em step, preserving the master rest-to-hover direction). */
  --ki-tab-unselected-active-fg: var(--ki-text-high-em); /** color used by the tab component for unselected active foreground (mirrors hover; MarsUI defines no pressed variant). */
  --ki-tab-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the tab component for focus ring color. */
  --ki-textarea-hint-fg: var(--ki-text-med-em); /** color used by the textarea component for the hint row foreground (MarsUI Hint_label Text/med_em; the hint row itself is pending its founder-gated API addition). */
  --ki-textarea-font-size: var(--ki-typography-size-body-1); /** dimension used by the textarea component for font size. */
  --ki-textarea-font-weight: var(--ki-typography-weight-body-normal); /** font weight used by the textarea component for font weight. */
  --ki-textarea-line-height: var(--ki-typography-line-height-body-1); /** dimension used by the textarea component for line height. */
  --ki-textarea-label-font-size: var(--ki-typography-size-body-1); /** dimension used by the textarea component for label font size (MarsUI UI/Para/medium: body_1 13px). */
  --ki-textarea-label-font-weight: var(--ki-typography-weight-body-medium); /** font weight used by the textarea component for label font weight. */
  --ki-textarea-label-line-height: var(--ki-typography-line-height-para); /** dimension used by the textarea component for label line height (MarsUI line_height/para 20px). */
  --ki-textarea-rest-fg: var(--ki-text-high-em); /** color used by the textarea component for rest foreground. */
  --ki-textarea-rest-label-fg: var(--ki-text-med-em); /** color used by the textarea component for rest label foreground (MarsUI label is Text/med_em in every non-disabled state; matches ki-input). */
  --ki-textarea-rest-placeholder-fg: var(--ki-text-low-em); /** color used by the textarea component for rest placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-textarea-hover-fg: var(--ki-text-high-em); /** color used by the textarea component for hover foreground. */
  --ki-textarea-hover-label-fg: var(--ki-text-med-em); /** color used by the textarea component for hover label foreground (MarsUI label is Text/med_em in every non-disabled state; matches ki-input). */
  --ki-textarea-hover-placeholder-fg: var(--ki-text-low-em); /** color used by the textarea component for hover placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-textarea-focus-fg: var(--ki-text-high-em); /** color used by the textarea component for focus foreground. */
  --ki-textarea-focus-border: var(--ki-outline-primary-high-em); /** color used by the textarea component for focus border. */
  --ki-textarea-focus-label-fg: var(--ki-text-med-em); /** color used by the textarea component for focus label foreground (MarsUI label is Text/med_em in every non-disabled state; matches ki-input). */
  --ki-textarea-focus-placeholder-fg: var(--ki-text-low-em); /** color used by the textarea component for focus placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-textarea-disabled-fg: var(--ki-text-base-em); /** color used by the textarea component for disabled foreground. */
  --ki-textarea-disabled-label-fg: var(--ki-text-base-em); /** color used by the textarea component for disabled label foreground. */
  --ki-textarea-disabled-placeholder-fg: var(--ki-text-base-em); /** color used by the textarea component for disabled placeholder foreground. */
  --ki-textarea-disabled-hint-fg: var(--ki-text-base-em); /** color used by the textarea component for the disabled hint row foreground (MarsUI disabled ladder Text/base_em; disabled cells are exempt from the contrast sweep). */
  --ki-textarea-readonly-fg: var(--ki-text-high-em); /** color used by the textarea component for readonly foreground. */
  --ki-textarea-readonly-label-fg: var(--ki-text-med-em); /** color used by the textarea component for readonly label foreground (MarsUI label is Text/med_em in every non-disabled state; matches ki-input). */
  --ki-textarea-readonly-placeholder-fg: var(--ki-text-low-em); /** color used by the textarea component for readonly placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-textarea-invalid-fg: var(--ki-text-high-em); /** color used by the textarea component for invalid foreground. */
  --ki-textarea-invalid-label-fg: var(--ki-text-med-em); /** color used by the textarea component for invalid label foreground (MarsUI label is Text/med_em in every non-disabled state; matches ki-input). */
  --ki-textarea-invalid-placeholder-fg: var(--ki-text-low-em); /** color used by the textarea component for invalid placeholder foreground (MarsUI placeholder Text/low_em; placeholder is not the accessible name, so it sits outside the 4.5:1 text sweep). */
  --ki-textarea-invalid-ring: var(--ki-focus-danger); /** shadow used by the textarea component for the persistent invalid ring (MarsUI Focus/danger: 3px danger-500 alpha spread; applied as box-shadow while :state(user-invalid)). */
  --ki-textarea-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the textarea component for focus ring color. */
  --ki-tooltip-bg: var(--ki-surface-special-light-s0-dark-s2); /** color used by the tooltip component for background (flat fallback of the MarsUI glass card gradient; the v1 inverse bubble predates the master — specs/013 correction block. material3 keeps the inverse bubble via its override). */
  --ki-tooltip-bg-end: var(--ki-surface-special-light-s0-dark-s2); /** color used by the tooltip component for the glass gradient end (MarsUI Surface/special/light-s0_dark-s2). */
  --ki-tooltip-fg: var(--ki-text-high-em); /** color used by the tooltip component for foreground (MarsUI title row Text/high_em; lands together with the glass background — white-on-glass would break contrast). */
  --ki-tooltip-shadow: var(--ki-elevation-e4); /** shadow used by the tooltip component for shadow (MarsUI Elevation/e4 on the master wrap). */
  --ki-video-focus-ring-color: var(--ki-outline-primary-high-em); /** color used by the video component for the play control focus ring: the keyboard-reachable facade control (FR-004, S6) adopts the ki-dialog/ki-icon-button focus-ring pair verbatim. */
  --ki-alert-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the alert dismiss control for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
  --ki-button-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the button component for the focus ring glow (MarsUI Focus/primary: 3px spread ring). */
  --ki-button-primary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the button component for primary neutral disabled foreground. Deliberate deviation: Figma disabled text is text/base_em gray.400 (≈1.4:1 on gray.100); Kimen keeps text.muted gray.700 for readable disabled text (precedent 010 D2, pending founder ratification). */
  --ki-button-primary-success-disabled-fg: var(--ki-text-muted); /** color used by the button component for primary success disabled foreground. */
  --ki-button-primary-danger-disabled-fg: var(--ki-text-muted); /** color used by the button component for primary danger disabled foreground. */
  --ki-button-secondary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the button component for secondary neutral disabled foreground. */
  --ki-button-secondary-success-disabled-fg: var(--ki-text-muted); /** color used by the button component for secondary success disabled foreground. */
  --ki-button-secondary-danger-disabled-fg: var(--ki-text-muted); /** color used by the button component for secondary danger disabled foreground. */
  --ki-button-tertiary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the button component for tertiary neutral disabled foreground. */
  --ki-button-tertiary-success-disabled-fg: var(--ki-text-muted); /** color used by the button component for tertiary success disabled foreground. */
  --ki-button-tertiary-danger-disabled-fg: var(--ki-text-muted); /** color used by the button component for tertiary danger disabled foreground. */
  --ki-button-quaternary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the button component for quaternary neutral disabled foreground. */
  --ki-button-quaternary-success-disabled-fg: var(--ki-text-muted); /** color used by the button component for quaternary success disabled foreground. */
  --ki-button-quaternary-danger-disabled-fg: var(--ki-text-muted); /** color used by the button component for quaternary danger disabled foreground. */
  --ki-button-ghost-neutral-disabled-fg: var(--ki-text-muted); /** color used by the button component for ghost neutral disabled foreground. */
  --ki-button-ghost-success-disabled-fg: var(--ki-text-muted); /** color used by the button component for ghost success disabled foreground. */
  --ki-button-ghost-danger-disabled-fg: var(--ki-text-muted); /** color used by the button component for ghost danger disabled foreground. */
  --ki-checkbox-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the checkbox component for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
  --ki-icon-button-primary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the icon button component for primary disabled foreground (tone-independent; 010 D2 deviation from Figma text/base_em, pending founder ratification). */
  --ki-icon-button-secondary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the icon button component for secondary disabled foreground (tone-independent; 010 D2 deviation from Figma text/base_em, pending founder ratification). */
  --ki-icon-button-tertiary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the icon button component for tertiary disabled foreground (tone-independent; 010 D2 deviation from Figma text/base_em, pending founder ratification). */
  --ki-icon-button-quaternary-neutral-disabled-fg: var(--ki-text-muted); /** color used by the icon button component for quaternary disabled foreground (tone-independent; 010 D2 deviation from Figma text/base_em, pending founder ratification). */
  --ki-icon-button-ghost-neutral-disabled-fg: var(--ki-text-muted); /** color used by the icon button component for ghost disabled foreground (tone-independent; 010 D2 deviation from Figma text/base_em, pending founder ratification). */
  --ki-icon-button-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the icon button component for the focus ring glow (MarsUI Focus/primary: 3px spread ring, V.1 double mechanism). */
  --ki-input-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the input component for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
  --ki-radio-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the radio component for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
  --ki-scroller-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the scroller component for the viewport focus ring glow (MarsUI Focus/primary 3px 20%-alpha halo, the ki-button double mechanism; completes the theming hook ki-scroller.css already consumes). */
  --ki-select-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the select component for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
  --ki-switch-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the switch component for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
  --ki-tab-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the tab component for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
  --ki-textarea-focus-ring-shadow: var(--ki-focus-primary); /** shadow used by the textarea component for the focus ring glow (MarsUI Focus/primary: 3px spread ring at 20% — see ki.focus.primary. specs/002-ki-button/design-extraction.md §2.5 recorded 40%, having read the alpha off the Dark canvas mode, same double mechanism as ki-button: glow plus the opaque indicator). */
}

/* onmars dark mode: follows the OS by default; force with
   [data-ki-color-scheme="dark"|"light"] on :root. */
@media (prefers-color-scheme: dark) {
  :root:not([data-ki-color-scheme='light']) {
    --ki-border-hairline-base-em: var(--ki-size-border-hairline) solid var(--ki-color-white-3); /** 1px solid Outline/base_em hairline as a composed border (Black/3 light; the dark mode overrides the color to White/3). Lives in the primitive layer because composed borders carry the style keyword, which the non-primitive-literal contract forbids elsewhere; the color mirrors ki.outline.base-em. */
    --ki-foundation-migrated-component-button-button-tertiary-active-shadow: 0px 1px 2px 0px var(--ki-color-black-48), 0px 2px 6px 2px var(--ki-color-black-12);
    --ki-foundation-migrated-component-button-button-tertiary-hover-shadow: 0px 1px 3px 0px var(--ki-color-black-48), 0px 4px 8px 3px var(--ki-color-black-12);
    --ki-surface-s0: var(--ki-color-dark-950); /** semantic color for surface s0. */
    --ki-surface-s1: var(--ki-color-dark-900); /** semantic color for surface s1. */
    --ki-surface-s2: var(--ki-color-dark-800); /** semantic color for surface s2. */
    --ki-surface-s3: var(--ki-color-dark-700); /** semantic color for surface s3. */
    --ki-surface-s4: var(--ki-color-dark-600); /** semantic color for surface s4. */
    --ki-surface-s5: var(--ki-color-dark-500); /** semantic color for surface s5. */
    --ki-surface-special-blur-base-light: var(--ki-color-dark-700-blur-base-light); /** semantic color for surface special blur base light. */
    --ki-surface-special-blur-base-dark: var(--ki-color-dark-700-blur-base-dark); /** semantic color for surface special blur base dark. */
    --ki-surface-special-secondary-alpha-base: var(--ki-color-dark-700-blur-base-dark); /** semantic color for surface special secondary alpha base. */
    --ki-surface-inverse-white: var(--ki-color-white-100); /** semantic color for surface inverse white. */
    --ki-surface-inverse-black: var(--ki-color-black-100); /** semantic color for surface inverse black. */
    --ki-surface-info-high-em: var(--ki-color-info-400); /** semantic color for surface info high em. */
    --ki-surface-info-med-em: var(--ki-color-info-500); /** semantic color for surface info med em. */
    --ki-surface-info-low-em: var(--ki-color-info-900); /** semantic color for surface info low em. */
    --ki-surface-info-base-em: var(--ki-color-info-950); /** semantic color for surface info base em. */
    --ki-surface-info-low-em-alpha: var(--ki-color-info-500-alpha-5); /** semantic color for surface info low em alpha. */
    --ki-surface-info-base-em-alpha: var(--ki-color-info-500-alpha-3); /** semantic color for surface info base em alpha. */
    --ki-surface-success-high-em: var(--ki-color-success-700); /** semantic color for surface success high em. */
    --ki-surface-success-med-em: var(--ki-color-success-500); /** semantic color for surface success med em. */
    --ki-surface-success-low-em: var(--ki-color-success-900); /** semantic color for surface success low em. */
    --ki-surface-success-base-em: var(--ki-color-success-950); /** semantic color for surface success base em. */
    --ki-surface-success-low-em-alpha: var(--ki-color-success-500-alpha-5); /** semantic color for surface success low em alpha. */
    --ki-surface-success-base-em-alpha: var(--ki-color-success-500-alpha-2); /** semantic color for surface success base em alpha. */
    --ki-surface-warning-high-em: var(--ki-color-warning-400); /** semantic color for surface warning high em. */
    --ki-surface-warning-med-em: var(--ki-color-warning-500); /** semantic color for surface warning med em. */
    --ki-surface-warning-low-em: var(--ki-color-warning-900); /** semantic color for surface warning low em. */
    --ki-surface-warning-base-em: var(--ki-color-warning-950); /** semantic color for surface warning base em. */
    --ki-surface-warning-low-em-alpha: var(--ki-color-warning-500-alpha-5); /** semantic color for surface warning low em alpha. */
    --ki-surface-warning-base-em-alpha: var(--ki-color-warning-500-alpha-2); /** semantic color for surface warning base em alpha. */
    --ki-surface-danger-high-em: var(--ki-color-danger-700); /** semantic color for surface danger high em. */
    --ki-surface-danger-med-em: var(--ki-color-danger-500); /** semantic color for surface danger med em. */
    --ki-surface-danger-low-em: var(--ki-color-danger-900); /** semantic color for surface danger low em. */
    --ki-surface-danger-base-em: var(--ki-color-danger-950); /** semantic color for surface danger base em. */
    --ki-surface-danger-low-em-alpha: var(--ki-color-danger-500-alpha-5); /** semantic color for surface danger low em alpha. */
    --ki-surface-danger-base-em-alpha: var(--ki-color-danger-500-alpha-2); /** semantic color for surface danger base em alpha. */
    --ki-surface-disabled-high-em: var(--ki-color-white-32); /** semantic color for surface disabled high em. */
    --ki-surface-disabled-med-em: var(--ki-color-white-18); /** semantic color for surface disabled med em. */
    --ki-surface-disabled-low-em: var(--ki-color-white-12); /** semantic color for surface disabled low em. */
    --ki-surface-disabled-base-em: var(--ki-color-white-8); /** semantic color for surface disabled base em. */
    --ki-surface-hover-overlay: var(--ki-color-black-5); /** semantic color for surface hover overlay. */
    --ki-surface-hover-overlay-inverse: var(--ki-color-white-3); /** semantic color for surface hover overlay inverse. */
    --ki-surface-pressed-overlay-inverse: var(--ki-color-white-5); /** Pressed interaction overlay for a surface whose fill is LIGHT, so the wash darkens: the next rung above hover-overlay-inverse (Black/3 -> Black/5 light, White/3 -> White/5 dark). The mirror of ki.state-layer.pressed, which is the next rung above hover-overlay and washes the other way. Two conventions exist because ki-button paints primary on a dark fill and secondary on a light one; a single pressed overlay would lighten one of them on press and read as less pressed, not more. */
    --ki-surface-success-high-em-hover: var(--ki-color-success-800); /** semantic color for surface success high em hover. */
    --ki-surface-danger-high-em-hover: var(--ki-color-danger-800); /** semantic color for surface danger high em hover. */
    --ki-text-high-em: var(--ki-color-white-100); /** semantic color for text high em. */
    --ki-text-med-em: var(--ki-color-white-72); /** semantic color for text med em. */
    --ki-text-low-em: var(--ki-color-white-48); /** semantic color for text low em. */
    --ki-text-base-em: var(--ki-color-white-32); /** semantic color for text base em. */
    --ki-text-text-on-neutral: var(--ki-color-black-100); /** semantic color for text text on neutral. */
    --ki-text-inverse-white: var(--ki-color-white-100); /** semantic color for text inverse white. */
    --ki-text-inverse-black: var(--ki-color-black-100); /** semantic color for text inverse black. */
    --ki-text-info-high-em: var(--ki-color-info-300); /** Darkened 600->800 in the light-scheme SOURCES (badge AA on the base-em tint; 010 D2 contingency, founder sign-off at merge). Reaches three of four contexts: onmars light, material3 light AND material3 dark — m3 defines no info/warning overrides, so its dark inherits these values by cascade; only onmars dark is pinned by the dark-mode file. */
    --ki-text-info-med-em: var(--ki-color-info-400); /** semantic color for text info med em. */
    --ki-text-info-low-em: var(--ki-color-info-700); /** semantic color for text info low em. */
    --ki-text-info-base-em: var(--ki-color-info-900); /** semantic color for text info base em. */
    --ki-text-success-high-em: var(--ki-color-success-300); /** semantic color for text success high em. */
    --ki-text-success-med-em: var(--ki-color-success-400); /** semantic color for text success med em. */
    --ki-text-success-low-em: var(--ki-color-success-700); /** semantic color for text success low em. */
    --ki-text-success-base-em: var(--ki-color-success-900); /** semantic color for text success base em. */
    --ki-text-warning-high-em: var(--ki-color-warning-300); /** Darkened 600->800 in the light-scheme SOURCES (badge AA on the base-em tint; 010 D2 contingency, founder sign-off at merge). Reaches three of four contexts: onmars light, material3 light AND material3 dark — m3 defines no info/warning overrides, so its dark inherits these values by cascade; only onmars dark is pinned by the dark-mode file. */
    --ki-text-warning-med-em: var(--ki-color-warning-400); /** semantic color for text warning med em. */
    --ki-text-warning-low-em: var(--ki-color-warning-700); /** semantic color for text warning low em. */
    --ki-text-warning-base-em: var(--ki-color-warning-900); /** semantic color for text warning base em. */
    --ki-text-danger-high-em: var(--ki-color-danger-300); /** semantic color for text danger high em. */
    --ki-text-danger-med-em: var(--ki-color-danger-400); /** semantic color for text danger med em. */
    --ki-text-danger-low-em: var(--ki-color-danger-700); /** semantic color for text danger low em. */
    --ki-text-danger-base-em: var(--ki-color-danger-900); /** semantic color for text danger base em. */
    --ki-text-none: var(--ki-color-transparent-black); /** semantic color for text none. */
    --ki-outline-high-em: var(--ki-color-white-12); /** semantic color for outline high em. */
    --ki-outline-strong: var(--ki-color-white-48); /** semantic color for outline strong. */
    --ki-outline-control: var(--ki-color-white-48); /** The boundary of a control that can be EMPTY — field, checkbox, radio, switch. Such a control carries no label inside its own box, so the box IS what identifies it and must clear WCAG 1.4.11's 3:1 against every surface it can sit on (s0-s2). Pinned to an accessibility floor, NOT to a position in the emphasis ramp: rebalancing outline.base/low/med/high must never silently erase a control's edge. MarsUI draws Outline/Black-8 here, but as a bevel over a filled cell on a fixed canvas — transcribed literally it measured 1.19:1 against a fill identical to the page (audit 2026-07-25). Declared deviation. */
    --ki-outline-control-hover: var(--ki-color-white-56); /** Hover of outline-control. One step stronger, so hover stays a measurable delta on fields whose fill does not change on hover. */
    --ki-outline-med-em: var(--ki-color-white-8); /** semantic color for outline med em. */
    --ki-outline-low-em: var(--ki-color-white-5); /** semantic color for outline low em. */
    --ki-outline-base-em: var(--ki-color-white-3); /** semantic color for outline base em. */
    --ki-outline-inverse-white: var(--ki-color-white-100); /** semantic color for outline inverse white. */
    --ki-outline-inverse-black: var(--ki-color-black-100); /** semantic color for outline inverse black. */
    --ki-outline-info-high-em: var(--ki-color-info-300); /** semantic color for outline info high em. */
    --ki-outline-info-med-em: var(--ki-color-info-500); /** semantic color for outline info med em. */
    --ki-outline-info-low-em: var(--ki-color-info-700); /** semantic color for outline info low em. */
    --ki-outline-info-base-em: var(--ki-color-info-900); /** semantic color for outline info base em. */
    --ki-outline-info-low-em-alpha: var(--ki-color-info-500-alpha-5); /** semantic color for outline info low em alpha. */
    --ki-outline-info-base-em-alpha: var(--ki-color-info-500-alpha-4); /** semantic color for outline info base em alpha. */
    --ki-outline-success-high-em: var(--ki-color-success-300); /** semantic color for outline success high em. */
    --ki-outline-success-med-em: var(--ki-color-success-500); /** semantic color for outline success med em. */
    --ki-outline-success-low-em: var(--ki-color-success-700); /** semantic color for outline success low em. */
    --ki-outline-success-base-em: var(--ki-color-success-900); /** semantic color for outline success base em. */
    --ki-outline-success-low-em-alpha: var(--ki-color-success-500-alpha-5); /** semantic color for outline success low em alpha. */
    --ki-outline-success-base-em-alpha: var(--ki-color-success-500-alpha-4); /** semantic color for outline success base em alpha. */
    --ki-outline-warning-high-em: var(--ki-color-warning-300); /** semantic color for outline warning high em. */
    --ki-outline-warning-med-em: var(--ki-color-warning-500); /** semantic color for outline warning med em. */
    --ki-outline-warning-low-em: var(--ki-color-warning-700); /** semantic color for outline warning low em. */
    --ki-outline-warning-base-em: var(--ki-color-warning-900); /** semantic color for outline warning base em. */
    --ki-outline-warning-low-em-alpha: var(--ki-color-warning-500-alpha-5); /** semantic color for outline warning low em alpha. */
    --ki-outline-warning-base-em-alpha: var(--ki-color-warning-500-alpha-4); /** semantic color for outline warning base em alpha. */
    --ki-outline-danger-high-em: var(--ki-color-danger-300); /** semantic color for outline danger high em. */
    --ki-outline-danger-med-em: var(--ki-color-danger-500); /** semantic color for outline danger med em. */
    --ki-outline-danger-low-em: var(--ki-color-danger-700); /** semantic color for outline danger low em. */
    --ki-outline-danger-base-em: var(--ki-color-danger-900); /** semantic color for outline danger base em. */
    --ki-outline-danger-low-em-alpha: var(--ki-color-danger-500-alpha-5); /** semantic color for outline danger low em alpha. */
    --ki-outline-danger-base-em-alpha: var(--ki-color-danger-500-alpha-4); /** semantic color for outline danger base em alpha. */
    --ki-outline-none: var(--ki-color-transparent-black); /** semantic color for outline none. */
    --ki-outline-primary-button-top: var(--ki-color-black-12); /** semantic color for outline primary button top. */
    --ki-outline-primary-button-bottom: var(--ki-color-black-24); /** semantic color for outline primary button bottom. */
    --ki-outline-secondary-button-top: var(--ki-color-white-3); /** semantic color for outline secondary button top. */
    --ki-outline-secondary-button-bottom: var(--ki-color-white-5); /** semantic color for outline secondary button bottom. */
    --ki-inverse-white-alpha-3: var(--ki-color-white-3); /** semantic color for inverse white alpha 3. */
    --ki-inverse-white-alpha-6: var(--ki-color-white-5); /** semantic color for inverse white alpha 6. */
    --ki-inverse-white-alpha-9: var(--ki-color-white-8); /** semantic color for inverse white alpha 9. */
    --ki-inverse-white-alpha-12: var(--ki-color-white-12); /** semantic color for inverse white alpha 12. */
    --ki-inverse-white-alpha-18: var(--ki-color-white-18); /** semantic color for inverse white alpha 18. */
    --ki-inverse-white-alpha-24: var(--ki-color-white-24); /** semantic color for inverse white alpha 24. */
    --ki-inverse-white-alpha-32: var(--ki-color-white-32); /** semantic color for inverse white alpha 32. */
    --ki-inverse-white-alpha-40: var(--ki-color-white-40); /** semantic color for inverse white alpha 40. */
    --ki-inverse-white-alpha-48: var(--ki-color-white-48); /** semantic color for inverse white alpha 48. */
    --ki-inverse-white-alpha-56: var(--ki-color-white-56); /** semantic color for inverse white alpha 56. */
    --ki-inverse-white-alpha-64: var(--ki-color-white-64); /** semantic color for inverse white alpha 64. */
    --ki-inverse-white-alpha-72: var(--ki-color-white-72); /** semantic color for inverse white alpha 72. */
    --ki-inverse-white-alpha-80: var(--ki-color-white-80); /** semantic color for inverse white alpha 80. */
    --ki-inverse-white-alpha-88: var(--ki-color-white-88); /** semantic color for inverse white alpha 88. */
    --ki-inverse-white-alpha-solid: var(--ki-color-white-100); /** semantic color for inverse white alpha solid. */
    --ki-inverse-black-alpha-3: var(--ki-color-black-3); /** semantic color for inverse black alpha 3. */
    --ki-inverse-black-alpha-6: var(--ki-color-black-5); /** semantic color for inverse black alpha 6. */
    --ki-inverse-black-alpha-9: var(--ki-color-black-8); /** semantic color for inverse black alpha 9. */
    --ki-inverse-black-alpha-12: var(--ki-color-black-12); /** semantic color for inverse black alpha 12. */
    --ki-inverse-black-alpha-18: var(--ki-color-black-18); /** semantic color for inverse black alpha 18. */
    --ki-inverse-black-alpha-24: var(--ki-color-black-24); /** semantic color for inverse black alpha 24. */
    --ki-inverse-black-alpha-32: var(--ki-color-black-32); /** semantic color for inverse black alpha 32. */
    --ki-inverse-black-alpha-40: var(--ki-color-black-40); /** semantic color for inverse black alpha 40. */
    --ki-inverse-black-alpha-48: var(--ki-color-black-48); /** semantic color for inverse black alpha 48. */
    --ki-inverse-black-alpha-56: var(--ki-color-black-56); /** semantic color for inverse black alpha 56. */
    --ki-inverse-black-alpha-64: var(--ki-color-black-64); /** semantic color for inverse black alpha 64. */
    --ki-inverse-black-alpha-72: var(--ki-color-black-72); /** semantic color for inverse black alpha 72. */
    --ki-inverse-black-alpha-80: var(--ki-color-black-80); /** semantic color for inverse black alpha 80. */
    --ki-inverse-black-alpha-88: var(--ki-color-black-88); /** semantic color for inverse black alpha 88. */
    --ki-inverse-black-alpha-solid: var(--ki-color-black-100); /** semantic color for inverse black alpha solid. */
    --ki-overlay-high-em: var(--ki-color-white-12); /** semantic color for overlay high em. */
    --ki-overlay-high-em-inverse: var(--ki-color-black-40); /** semantic color for overlay high em inverse. */
    --ki-overlay-med-em: var(--ki-color-white-3); /** semantic color for overlay med em. */
    --ki-overlay-med-em-inverse: var(--ki-color-black-24); /** semantic color for overlay med em inverse. */
    --ki-state-layer-focus: var(--ki-color-black-8); /** Focus interaction state layer. M3 md.sys.state.focus.state-layer-opacity: 12% of the on-color. onmars: MarsUI overlay one step above hover_overlay (White/8 light, Black/8 dark). */
    --ki-state-layer-pressed: var(--ki-color-black-8); /** Pressed interaction state layer. M3 md.sys.state.pressed.state-layer-opacity: 12% of the on-color (same as focus). onmars: MarsUI overlay one step above hover_overlay (White/8 light, Black/8 dark). */
    --ki-state-layer-dragged: var(--ki-color-black-12); /** Dragged interaction state layer. M3 md.sys.state.dragged.state-layer-opacity: 16% of the on-color. onmars: MarsUI overlay two steps above hover_overlay (White/12 light, Black/12 dark). */
    --ki-elevation-shadow: var(--ki-color-black-8); /** semantic color for elevation shadow. */
    --ki-elevation-shadow-med: var(--ki-color-black-12); /** semantic color for elevation shadow med. */
    --ki-elevation-shadow-dark: var(--ki-color-black-48); /** semantic color for elevation shadow dark. */
    --ki-transparent-inverse: var(--ki-color-transparent-black); /** semantic color for transparent inverse. */
    --ki-surface-special-light-s0-dark-s1: var(--ki-surface-s1); /** semantic color for surface special light s0 dark s1. */
    --ki-surface-special-light-s0-dark-s2: var(--ki-surface-s2); /** semantic color for surface special light s0 dark s2. */
    --ki-surface-special-light-s0-dark-s3: var(--ki-surface-s3); /** semantic color for surface special light s0 dark s3. */
    --ki-surface-special-light-s0-dark-s4: var(--ki-surface-s4); /** semantic color for surface special light s0 dark s4. */
    --ki-surface-special-light-s0-dark-s5: var(--ki-surface-s5); /** semantic color for surface special light s0 dark s5. */
    --ki-surface-special-dark-s0-light-s1: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s1. */
    --ki-surface-special-dark-s0-light-s2: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s2. */
    --ki-surface-special-dark-s0-light-s3: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s3. */
    --ki-surface-special-dark-s0-light-s4: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s4. */
    --ki-surface-special-dark-s0-light-s5: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s5. */
    --ki-surface-special-light-s1-dark-s2: var(--ki-surface-s2); /** semantic color for surface special light s1 dark s2. */
    --ki-surface-special-light-s2-dark-s3: var(--ki-surface-s3); /** semantic color for surface special light s2 dark s3. */
    --ki-surface-special-light-s3-dark-s4: var(--ki-surface-s4); /** semantic color for surface special light s3 dark s4. */
    --ki-surface-special-light-s4-dark-s5: var(--ki-surface-s5); /** semantic color for surface special light s4 dark s5. */
    --ki-surface-primary-high-em: var(--ki-color-brand-500); /** semantic color for surface primary high em. */
    --ki-surface-primary-med-em: var(--ki-color-brand-500); /** semantic color for surface primary med em. */
    --ki-surface-primary-med-em-hover: var(--ki-color-brand-400); /** Hover of surface primary-med-em. Intensifies in the direction the scheme reads as 'more': darker on a light canvas (600), brighter on a dark one (400). Selection controls whose resting fill is the MarsUI default brand surface (brand-500) need a hover that is a real delta in BOTH schemes — primary-high-em collapses onto primary-med-em in dark. */
    --ki-surface-primary-low-em: var(--ki-color-brand-900); /** semantic color for surface primary low em. */
    --ki-surface-primary-base-em: var(--ki-color-brand-950); /** semantic color for surface primary base em. */
    --ki-surface-primary-low-em-alpha: var(--ki-color-brand-500-alpha-5); /** semantic color for surface primary low em alpha. */
    --ki-surface-primary-base-em-alpha: var(--ki-color-brand-500-alpha-2); /** semantic color for surface primary base em alpha. */
    --ki-surface-primary-high-em-hover: var(--ki-color-brand-600); /** semantic color for surface primary high em hover. */
    --ki-text-primary-on-primary-light: var(--ki-color-brand-300); /** semantic color for text primary on primary light. */
    --ki-text-secondary-on-primary-light: var(--ki-color-brand-400); /** semantic color for text secondary on primary light. */
    --ki-text-inverse-primary: var(--ki-color-brand-600); /** Primary accent legible on the inverse surface. M3 md.sys.color.inverse-primary (primary tone 80 light / 40 dark). onmars: the opposite-scheme primary text tone (brand 300 light, brand 600 dark). */
    --ki-text-primary-high-em: var(--ki-color-brand-300); /** semantic color for text primary high em. */
    --ki-text-primary-med-em: var(--ki-color-brand-400); /** semantic color for text primary med em. */
    --ki-text-primary-low-em: var(--ki-color-brand-700); /** semantic color for text primary low em. */
    --ki-text-primary-base-em: var(--ki-color-brand-900); /** semantic color for text primary base em. */
    --ki-outline-primary-high-em: var(--ki-color-brand-300); /** semantic color for outline primary high em. */
    --ki-outline-primary-med-em: var(--ki-color-brand-500); /** semantic color for outline primary med em. */
    --ki-outline-primary-low-em: var(--ki-color-brand-700); /** semantic color for outline primary low em. */
    --ki-outline-primary-base-em: var(--ki-color-brand-900); /** semantic color for outline primary base em. */
    --ki-outline-primary-low-em-alpha: var(--ki-color-brand-500-alpha-5); /** semantic color for outline primary low em alpha. */
    --ki-outline-primary-base-em-alpha: var(--ki-color-brand-500-alpha-4); /** semantic color for outline primary base em alpha. */
  }
}

:root[data-ki-color-scheme='dark'] {
  --ki-border-hairline-base-em: var(--ki-size-border-hairline) solid var(--ki-color-white-3); /** 1px solid Outline/base_em hairline as a composed border (Black/3 light; the dark mode overrides the color to White/3). Lives in the primitive layer because composed borders carry the style keyword, which the non-primitive-literal contract forbids elsewhere; the color mirrors ki.outline.base-em. */
  --ki-foundation-migrated-component-button-button-tertiary-active-shadow: 0px 1px 2px 0px var(--ki-color-black-48), 0px 2px 6px 2px var(--ki-color-black-12);
  --ki-foundation-migrated-component-button-button-tertiary-hover-shadow: 0px 1px 3px 0px var(--ki-color-black-48), 0px 4px 8px 3px var(--ki-color-black-12);
  --ki-surface-s0: var(--ki-color-dark-950); /** semantic color for surface s0. */
  --ki-surface-s1: var(--ki-color-dark-900); /** semantic color for surface s1. */
  --ki-surface-s2: var(--ki-color-dark-800); /** semantic color for surface s2. */
  --ki-surface-s3: var(--ki-color-dark-700); /** semantic color for surface s3. */
  --ki-surface-s4: var(--ki-color-dark-600); /** semantic color for surface s4. */
  --ki-surface-s5: var(--ki-color-dark-500); /** semantic color for surface s5. */
  --ki-surface-special-blur-base-light: var(--ki-color-dark-700-blur-base-light); /** semantic color for surface special blur base light. */
  --ki-surface-special-blur-base-dark: var(--ki-color-dark-700-blur-base-dark); /** semantic color for surface special blur base dark. */
  --ki-surface-special-secondary-alpha-base: var(--ki-color-dark-700-blur-base-dark); /** semantic color for surface special secondary alpha base. */
  --ki-surface-inverse-white: var(--ki-color-white-100); /** semantic color for surface inverse white. */
  --ki-surface-inverse-black: var(--ki-color-black-100); /** semantic color for surface inverse black. */
  --ki-surface-info-high-em: var(--ki-color-info-400); /** semantic color for surface info high em. */
  --ki-surface-info-med-em: var(--ki-color-info-500); /** semantic color for surface info med em. */
  --ki-surface-info-low-em: var(--ki-color-info-900); /** semantic color for surface info low em. */
  --ki-surface-info-base-em: var(--ki-color-info-950); /** semantic color for surface info base em. */
  --ki-surface-info-low-em-alpha: var(--ki-color-info-500-alpha-5); /** semantic color for surface info low em alpha. */
  --ki-surface-info-base-em-alpha: var(--ki-color-info-500-alpha-3); /** semantic color for surface info base em alpha. */
  --ki-surface-success-high-em: var(--ki-color-success-700); /** semantic color for surface success high em. */
  --ki-surface-success-med-em: var(--ki-color-success-500); /** semantic color for surface success med em. */
  --ki-surface-success-low-em: var(--ki-color-success-900); /** semantic color for surface success low em. */
  --ki-surface-success-base-em: var(--ki-color-success-950); /** semantic color for surface success base em. */
  --ki-surface-success-low-em-alpha: var(--ki-color-success-500-alpha-5); /** semantic color for surface success low em alpha. */
  --ki-surface-success-base-em-alpha: var(--ki-color-success-500-alpha-2); /** semantic color for surface success base em alpha. */
  --ki-surface-warning-high-em: var(--ki-color-warning-400); /** semantic color for surface warning high em. */
  --ki-surface-warning-med-em: var(--ki-color-warning-500); /** semantic color for surface warning med em. */
  --ki-surface-warning-low-em: var(--ki-color-warning-900); /** semantic color for surface warning low em. */
  --ki-surface-warning-base-em: var(--ki-color-warning-950); /** semantic color for surface warning base em. */
  --ki-surface-warning-low-em-alpha: var(--ki-color-warning-500-alpha-5); /** semantic color for surface warning low em alpha. */
  --ki-surface-warning-base-em-alpha: var(--ki-color-warning-500-alpha-2); /** semantic color for surface warning base em alpha. */
  --ki-surface-danger-high-em: var(--ki-color-danger-700); /** semantic color for surface danger high em. */
  --ki-surface-danger-med-em: var(--ki-color-danger-500); /** semantic color for surface danger med em. */
  --ki-surface-danger-low-em: var(--ki-color-danger-900); /** semantic color for surface danger low em. */
  --ki-surface-danger-base-em: var(--ki-color-danger-950); /** semantic color for surface danger base em. */
  --ki-surface-danger-low-em-alpha: var(--ki-color-danger-500-alpha-5); /** semantic color for surface danger low em alpha. */
  --ki-surface-danger-base-em-alpha: var(--ki-color-danger-500-alpha-2); /** semantic color for surface danger base em alpha. */
  --ki-surface-disabled-high-em: var(--ki-color-white-32); /** semantic color for surface disabled high em. */
  --ki-surface-disabled-med-em: var(--ki-color-white-18); /** semantic color for surface disabled med em. */
  --ki-surface-disabled-low-em: var(--ki-color-white-12); /** semantic color for surface disabled low em. */
  --ki-surface-disabled-base-em: var(--ki-color-white-8); /** semantic color for surface disabled base em. */
  --ki-surface-hover-overlay: var(--ki-color-black-5); /** semantic color for surface hover overlay. */
  --ki-surface-hover-overlay-inverse: var(--ki-color-white-3); /** semantic color for surface hover overlay inverse. */
  --ki-surface-pressed-overlay-inverse: var(--ki-color-white-5); /** Pressed interaction overlay for a surface whose fill is LIGHT, so the wash darkens: the next rung above hover-overlay-inverse (Black/3 -> Black/5 light, White/3 -> White/5 dark). The mirror of ki.state-layer.pressed, which is the next rung above hover-overlay and washes the other way. Two conventions exist because ki-button paints primary on a dark fill and secondary on a light one; a single pressed overlay would lighten one of them on press and read as less pressed, not more. */
  --ki-surface-success-high-em-hover: var(--ki-color-success-800); /** semantic color for surface success high em hover. */
  --ki-surface-danger-high-em-hover: var(--ki-color-danger-800); /** semantic color for surface danger high em hover. */
  --ki-text-high-em: var(--ki-color-white-100); /** semantic color for text high em. */
  --ki-text-med-em: var(--ki-color-white-72); /** semantic color for text med em. */
  --ki-text-low-em: var(--ki-color-white-48); /** semantic color for text low em. */
  --ki-text-base-em: var(--ki-color-white-32); /** semantic color for text base em. */
  --ki-text-text-on-neutral: var(--ki-color-black-100); /** semantic color for text text on neutral. */
  --ki-text-inverse-white: var(--ki-color-white-100); /** semantic color for text inverse white. */
  --ki-text-inverse-black: var(--ki-color-black-100); /** semantic color for text inverse black. */
  --ki-text-info-high-em: var(--ki-color-info-300); /** Darkened 600->800 in the light-scheme SOURCES (badge AA on the base-em tint; 010 D2 contingency, founder sign-off at merge). Reaches three of four contexts: onmars light, material3 light AND material3 dark — m3 defines no info/warning overrides, so its dark inherits these values by cascade; only onmars dark is pinned by the dark-mode file. */
  --ki-text-info-med-em: var(--ki-color-info-400); /** semantic color for text info med em. */
  --ki-text-info-low-em: var(--ki-color-info-700); /** semantic color for text info low em. */
  --ki-text-info-base-em: var(--ki-color-info-900); /** semantic color for text info base em. */
  --ki-text-success-high-em: var(--ki-color-success-300); /** semantic color for text success high em. */
  --ki-text-success-med-em: var(--ki-color-success-400); /** semantic color for text success med em. */
  --ki-text-success-low-em: var(--ki-color-success-700); /** semantic color for text success low em. */
  --ki-text-success-base-em: var(--ki-color-success-900); /** semantic color for text success base em. */
  --ki-text-warning-high-em: var(--ki-color-warning-300); /** Darkened 600->800 in the light-scheme SOURCES (badge AA on the base-em tint; 010 D2 contingency, founder sign-off at merge). Reaches three of four contexts: onmars light, material3 light AND material3 dark — m3 defines no info/warning overrides, so its dark inherits these values by cascade; only onmars dark is pinned by the dark-mode file. */
  --ki-text-warning-med-em: var(--ki-color-warning-400); /** semantic color for text warning med em. */
  --ki-text-warning-low-em: var(--ki-color-warning-700); /** semantic color for text warning low em. */
  --ki-text-warning-base-em: var(--ki-color-warning-900); /** semantic color for text warning base em. */
  --ki-text-danger-high-em: var(--ki-color-danger-300); /** semantic color for text danger high em. */
  --ki-text-danger-med-em: var(--ki-color-danger-400); /** semantic color for text danger med em. */
  --ki-text-danger-low-em: var(--ki-color-danger-700); /** semantic color for text danger low em. */
  --ki-text-danger-base-em: var(--ki-color-danger-900); /** semantic color for text danger base em. */
  --ki-text-none: var(--ki-color-transparent-black); /** semantic color for text none. */
  --ki-outline-high-em: var(--ki-color-white-12); /** semantic color for outline high em. */
  --ki-outline-strong: var(--ki-color-white-48); /** semantic color for outline strong. */
  --ki-outline-control: var(--ki-color-white-48); /** The boundary of a control that can be EMPTY — field, checkbox, radio, switch. Such a control carries no label inside its own box, so the box IS what identifies it and must clear WCAG 1.4.11's 3:1 against every surface it can sit on (s0-s2). Pinned to an accessibility floor, NOT to a position in the emphasis ramp: rebalancing outline.base/low/med/high must never silently erase a control's edge. MarsUI draws Outline/Black-8 here, but as a bevel over a filled cell on a fixed canvas — transcribed literally it measured 1.19:1 against a fill identical to the page (audit 2026-07-25). Declared deviation. */
  --ki-outline-control-hover: var(--ki-color-white-56); /** Hover of outline-control. One step stronger, so hover stays a measurable delta on fields whose fill does not change on hover. */
  --ki-outline-med-em: var(--ki-color-white-8); /** semantic color for outline med em. */
  --ki-outline-low-em: var(--ki-color-white-5); /** semantic color for outline low em. */
  --ki-outline-base-em: var(--ki-color-white-3); /** semantic color for outline base em. */
  --ki-outline-inverse-white: var(--ki-color-white-100); /** semantic color for outline inverse white. */
  --ki-outline-inverse-black: var(--ki-color-black-100); /** semantic color for outline inverse black. */
  --ki-outline-info-high-em: var(--ki-color-info-300); /** semantic color for outline info high em. */
  --ki-outline-info-med-em: var(--ki-color-info-500); /** semantic color for outline info med em. */
  --ki-outline-info-low-em: var(--ki-color-info-700); /** semantic color for outline info low em. */
  --ki-outline-info-base-em: var(--ki-color-info-900); /** semantic color for outline info base em. */
  --ki-outline-info-low-em-alpha: var(--ki-color-info-500-alpha-5); /** semantic color for outline info low em alpha. */
  --ki-outline-info-base-em-alpha: var(--ki-color-info-500-alpha-4); /** semantic color for outline info base em alpha. */
  --ki-outline-success-high-em: var(--ki-color-success-300); /** semantic color for outline success high em. */
  --ki-outline-success-med-em: var(--ki-color-success-500); /** semantic color for outline success med em. */
  --ki-outline-success-low-em: var(--ki-color-success-700); /** semantic color for outline success low em. */
  --ki-outline-success-base-em: var(--ki-color-success-900); /** semantic color for outline success base em. */
  --ki-outline-success-low-em-alpha: var(--ki-color-success-500-alpha-5); /** semantic color for outline success low em alpha. */
  --ki-outline-success-base-em-alpha: var(--ki-color-success-500-alpha-4); /** semantic color for outline success base em alpha. */
  --ki-outline-warning-high-em: var(--ki-color-warning-300); /** semantic color for outline warning high em. */
  --ki-outline-warning-med-em: var(--ki-color-warning-500); /** semantic color for outline warning med em. */
  --ki-outline-warning-low-em: var(--ki-color-warning-700); /** semantic color for outline warning low em. */
  --ki-outline-warning-base-em: var(--ki-color-warning-900); /** semantic color for outline warning base em. */
  --ki-outline-warning-low-em-alpha: var(--ki-color-warning-500-alpha-5); /** semantic color for outline warning low em alpha. */
  --ki-outline-warning-base-em-alpha: var(--ki-color-warning-500-alpha-4); /** semantic color for outline warning base em alpha. */
  --ki-outline-danger-high-em: var(--ki-color-danger-300); /** semantic color for outline danger high em. */
  --ki-outline-danger-med-em: var(--ki-color-danger-500); /** semantic color for outline danger med em. */
  --ki-outline-danger-low-em: var(--ki-color-danger-700); /** semantic color for outline danger low em. */
  --ki-outline-danger-base-em: var(--ki-color-danger-900); /** semantic color for outline danger base em. */
  --ki-outline-danger-low-em-alpha: var(--ki-color-danger-500-alpha-5); /** semantic color for outline danger low em alpha. */
  --ki-outline-danger-base-em-alpha: var(--ki-color-danger-500-alpha-4); /** semantic color for outline danger base em alpha. */
  --ki-outline-none: var(--ki-color-transparent-black); /** semantic color for outline none. */
  --ki-outline-primary-button-top: var(--ki-color-black-12); /** semantic color for outline primary button top. */
  --ki-outline-primary-button-bottom: var(--ki-color-black-24); /** semantic color for outline primary button bottom. */
  --ki-outline-secondary-button-top: var(--ki-color-white-3); /** semantic color for outline secondary button top. */
  --ki-outline-secondary-button-bottom: var(--ki-color-white-5); /** semantic color for outline secondary button bottom. */
  --ki-inverse-white-alpha-3: var(--ki-color-white-3); /** semantic color for inverse white alpha 3. */
  --ki-inverse-white-alpha-6: var(--ki-color-white-5); /** semantic color for inverse white alpha 6. */
  --ki-inverse-white-alpha-9: var(--ki-color-white-8); /** semantic color for inverse white alpha 9. */
  --ki-inverse-white-alpha-12: var(--ki-color-white-12); /** semantic color for inverse white alpha 12. */
  --ki-inverse-white-alpha-18: var(--ki-color-white-18); /** semantic color for inverse white alpha 18. */
  --ki-inverse-white-alpha-24: var(--ki-color-white-24); /** semantic color for inverse white alpha 24. */
  --ki-inverse-white-alpha-32: var(--ki-color-white-32); /** semantic color for inverse white alpha 32. */
  --ki-inverse-white-alpha-40: var(--ki-color-white-40); /** semantic color for inverse white alpha 40. */
  --ki-inverse-white-alpha-48: var(--ki-color-white-48); /** semantic color for inverse white alpha 48. */
  --ki-inverse-white-alpha-56: var(--ki-color-white-56); /** semantic color for inverse white alpha 56. */
  --ki-inverse-white-alpha-64: var(--ki-color-white-64); /** semantic color for inverse white alpha 64. */
  --ki-inverse-white-alpha-72: var(--ki-color-white-72); /** semantic color for inverse white alpha 72. */
  --ki-inverse-white-alpha-80: var(--ki-color-white-80); /** semantic color for inverse white alpha 80. */
  --ki-inverse-white-alpha-88: var(--ki-color-white-88); /** semantic color for inverse white alpha 88. */
  --ki-inverse-white-alpha-solid: var(--ki-color-white-100); /** semantic color for inverse white alpha solid. */
  --ki-inverse-black-alpha-3: var(--ki-color-black-3); /** semantic color for inverse black alpha 3. */
  --ki-inverse-black-alpha-6: var(--ki-color-black-5); /** semantic color for inverse black alpha 6. */
  --ki-inverse-black-alpha-9: var(--ki-color-black-8); /** semantic color for inverse black alpha 9. */
  --ki-inverse-black-alpha-12: var(--ki-color-black-12); /** semantic color for inverse black alpha 12. */
  --ki-inverse-black-alpha-18: var(--ki-color-black-18); /** semantic color for inverse black alpha 18. */
  --ki-inverse-black-alpha-24: var(--ki-color-black-24); /** semantic color for inverse black alpha 24. */
  --ki-inverse-black-alpha-32: var(--ki-color-black-32); /** semantic color for inverse black alpha 32. */
  --ki-inverse-black-alpha-40: var(--ki-color-black-40); /** semantic color for inverse black alpha 40. */
  --ki-inverse-black-alpha-48: var(--ki-color-black-48); /** semantic color for inverse black alpha 48. */
  --ki-inverse-black-alpha-56: var(--ki-color-black-56); /** semantic color for inverse black alpha 56. */
  --ki-inverse-black-alpha-64: var(--ki-color-black-64); /** semantic color for inverse black alpha 64. */
  --ki-inverse-black-alpha-72: var(--ki-color-black-72); /** semantic color for inverse black alpha 72. */
  --ki-inverse-black-alpha-80: var(--ki-color-black-80); /** semantic color for inverse black alpha 80. */
  --ki-inverse-black-alpha-88: var(--ki-color-black-88); /** semantic color for inverse black alpha 88. */
  --ki-inverse-black-alpha-solid: var(--ki-color-black-100); /** semantic color for inverse black alpha solid. */
  --ki-overlay-high-em: var(--ki-color-white-12); /** semantic color for overlay high em. */
  --ki-overlay-high-em-inverse: var(--ki-color-black-40); /** semantic color for overlay high em inverse. */
  --ki-overlay-med-em: var(--ki-color-white-3); /** semantic color for overlay med em. */
  --ki-overlay-med-em-inverse: var(--ki-color-black-24); /** semantic color for overlay med em inverse. */
  --ki-state-layer-focus: var(--ki-color-black-8); /** Focus interaction state layer. M3 md.sys.state.focus.state-layer-opacity: 12% of the on-color. onmars: MarsUI overlay one step above hover_overlay (White/8 light, Black/8 dark). */
  --ki-state-layer-pressed: var(--ki-color-black-8); /** Pressed interaction state layer. M3 md.sys.state.pressed.state-layer-opacity: 12% of the on-color (same as focus). onmars: MarsUI overlay one step above hover_overlay (White/8 light, Black/8 dark). */
  --ki-state-layer-dragged: var(--ki-color-black-12); /** Dragged interaction state layer. M3 md.sys.state.dragged.state-layer-opacity: 16% of the on-color. onmars: MarsUI overlay two steps above hover_overlay (White/12 light, Black/12 dark). */
  --ki-elevation-shadow: var(--ki-color-black-8); /** semantic color for elevation shadow. */
  --ki-elevation-shadow-med: var(--ki-color-black-12); /** semantic color for elevation shadow med. */
  --ki-elevation-shadow-dark: var(--ki-color-black-48); /** semantic color for elevation shadow dark. */
  --ki-transparent-inverse: var(--ki-color-transparent-black); /** semantic color for transparent inverse. */
  --ki-surface-special-light-s0-dark-s1: var(--ki-surface-s1); /** semantic color for surface special light s0 dark s1. */
  --ki-surface-special-light-s0-dark-s2: var(--ki-surface-s2); /** semantic color for surface special light s0 dark s2. */
  --ki-surface-special-light-s0-dark-s3: var(--ki-surface-s3); /** semantic color for surface special light s0 dark s3. */
  --ki-surface-special-light-s0-dark-s4: var(--ki-surface-s4); /** semantic color for surface special light s0 dark s4. */
  --ki-surface-special-light-s0-dark-s5: var(--ki-surface-s5); /** semantic color for surface special light s0 dark s5. */
  --ki-surface-special-dark-s0-light-s1: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s1. */
  --ki-surface-special-dark-s0-light-s2: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s2. */
  --ki-surface-special-dark-s0-light-s3: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s3. */
  --ki-surface-special-dark-s0-light-s4: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s4. */
  --ki-surface-special-dark-s0-light-s5: var(--ki-surface-s0); /** semantic color for surface special dark s0 light s5. */
  --ki-surface-special-light-s1-dark-s2: var(--ki-surface-s2); /** semantic color for surface special light s1 dark s2. */
  --ki-surface-special-light-s2-dark-s3: var(--ki-surface-s3); /** semantic color for surface special light s2 dark s3. */
  --ki-surface-special-light-s3-dark-s4: var(--ki-surface-s4); /** semantic color for surface special light s3 dark s4. */
  --ki-surface-special-light-s4-dark-s5: var(--ki-surface-s5); /** semantic color for surface special light s4 dark s5. */
  --ki-surface-primary-high-em: var(--ki-color-brand-500); /** semantic color for surface primary high em. */
  --ki-surface-primary-med-em: var(--ki-color-brand-500); /** semantic color for surface primary med em. */
  --ki-surface-primary-med-em-hover: var(--ki-color-brand-400); /** Hover of surface primary-med-em. Intensifies in the direction the scheme reads as 'more': darker on a light canvas (600), brighter on a dark one (400). Selection controls whose resting fill is the MarsUI default brand surface (brand-500) need a hover that is a real delta in BOTH schemes — primary-high-em collapses onto primary-med-em in dark. */
  --ki-surface-primary-low-em: var(--ki-color-brand-900); /** semantic color for surface primary low em. */
  --ki-surface-primary-base-em: var(--ki-color-brand-950); /** semantic color for surface primary base em. */
  --ki-surface-primary-low-em-alpha: var(--ki-color-brand-500-alpha-5); /** semantic color for surface primary low em alpha. */
  --ki-surface-primary-base-em-alpha: var(--ki-color-brand-500-alpha-2); /** semantic color for surface primary base em alpha. */
  --ki-surface-primary-high-em-hover: var(--ki-color-brand-600); /** semantic color for surface primary high em hover. */
  --ki-text-primary-on-primary-light: var(--ki-color-brand-300); /** semantic color for text primary on primary light. */
  --ki-text-secondary-on-primary-light: var(--ki-color-brand-400); /** semantic color for text secondary on primary light. */
  --ki-text-inverse-primary: var(--ki-color-brand-600); /** Primary accent legible on the inverse surface. M3 md.sys.color.inverse-primary (primary tone 80 light / 40 dark). onmars: the opposite-scheme primary text tone (brand 300 light, brand 600 dark). */
  --ki-text-primary-high-em: var(--ki-color-brand-300); /** semantic color for text primary high em. */
  --ki-text-primary-med-em: var(--ki-color-brand-400); /** semantic color for text primary med em. */
  --ki-text-primary-low-em: var(--ki-color-brand-700); /** semantic color for text primary low em. */
  --ki-text-primary-base-em: var(--ki-color-brand-900); /** semantic color for text primary base em. */
  --ki-outline-primary-high-em: var(--ki-color-brand-300); /** semantic color for outline primary high em. */
  --ki-outline-primary-med-em: var(--ki-color-brand-500); /** semantic color for outline primary med em. */
  --ki-outline-primary-low-em: var(--ki-color-brand-700); /** semantic color for outline primary low em. */
  --ki-outline-primary-base-em: var(--ki-color-brand-900); /** semantic color for outline primary base em. */
  --ki-outline-primary-low-em-alpha: var(--ki-color-brand-500-alpha-5); /** semantic color for outline primary low em alpha. */
  --ki-outline-primary-base-em-alpha: var(--ki-color-brand-500-alpha-4); /** semantic color for outline primary base em alpha. */
}