/* Generated by tools/build-tokens.mjs — do not edit.
   Source of truth: the tokens directory. */

:root {
  --ds-border-heavy: 4px;
  --ds-border-medium: 1.5px;
  --ds-border-none: 0px;
  --ds-border-thick: 2px;
  --ds-border-thin: 1px;
  --ds-bounce-gentle: 0.25;
  --ds-bounce-lively: 0.4;
  --ds-bounce-none: 0;
  --ds-bounce-soft: 0.1;
  --ds-breakpoint-2xl: 1536px;
  --ds-breakpoint-3xl: 1920px;
  --ds-breakpoint-lg: 1024px;
  --ds-breakpoint-md: 768px;
  --ds-breakpoint-sm: 480px;
  --ds-breakpoint-xl: 1280px;
  --ds-breakpoint-xs: 0px;
  --ds-button-border-width: 1px;
  --ds-button-danger-bg: #b3261e;
  --ds-button-danger-bg-active: #651f1b;
  --ds-button-danger-bg-disabled: #e6e6e6;
  --ds-button-danger-bg-hover: #8a2620;
  --ds-button-danger-border: #00000000;
  --ds-button-danger-text: #ffffff;
  --ds-button-danger-text-disabled: #787878;
  --ds-button-gap: 8px;
  --ds-button-height-lg: 48px;
  --ds-button-height-md: 40px;
  --ds-button-height-sm: 32px;
  --ds-button-height-xl: 56px;
  --ds-button-height-xs: 28px;
  --ds-button-icon-size-lg: 24px;
  --ds-button-icon-size-md: 20px;
  --ds-button-icon-size-sm: 16px;
  --ds-button-icon-size-xl: 24px;
  --ds-button-icon-size-xs: 16px;
  --ds-button-padding-x-lg: 20px;
  --ds-button-padding-x-md: 16px;
  --ds-button-padding-x-sm: 12px;
  --ds-button-padding-x-xl: 24px;
  --ds-button-padding-x-xs: 8px;
  --ds-button-primary-bg: #131313;
  --ds-button-primary-bg-active: #424242;
  --ds-button-primary-bg-disabled: #e6e6e6;
  --ds-button-primary-bg-hover: #2c2c2c;
  --ds-button-primary-border: #00000000;
  --ds-button-primary-text: #ffffff;
  --ds-button-primary-text-disabled: #787878;
  --ds-button-radius: 12px;
  --ds-button-secondary-bg: #ffffff;
  --ds-button-secondary-bg-active: #f2f2f2;
  --ds-button-secondary-bg-disabled: #f7f7f7;
  --ds-button-secondary-bg-hover: #f7f7f7;
  --ds-button-secondary-border: #d6d6d6;
  --ds-button-secondary-text: #2c2c2c;
  --ds-button-secondary-text-disabled: #787878;
  --ds-button-tertiary-bg: #00000000;
  --ds-button-tertiary-bg-active: #00000014;
  --ds-button-tertiary-bg-disabled: #00000000;
  --ds-button-tertiary-bg-hover: #0000000a;
  --ds-button-tertiary-border: #00000000;
  --ds-button-tertiary-text: #131313;
  --ds-button-tertiary-text-disabled: #787878;
  --ds-color-action-danger-bg: #b3261e;
  --ds-color-action-danger-bg-active: #651f1b;
  --ds-color-action-danger-bg-disabled: #e6e6e6;
  --ds-color-action-danger-bg-hover: #8a2620;
  --ds-color-action-danger-border: #00000000;
  --ds-color-action-danger-text: #ffffff;
  --ds-color-action-primary-bg: #131313;
  --ds-color-action-primary-bg-active: #424242;
  --ds-color-action-primary-bg-disabled: #e6e6e6;
  --ds-color-action-primary-bg-hover: #2c2c2c;
  --ds-color-action-primary-border: #00000000;
  --ds-color-action-primary-text: #ffffff;
  --ds-color-action-secondary-bg: #ffffff;
  --ds-color-action-secondary-bg-active: #f2f2f2;
  --ds-color-action-secondary-bg-disabled: #f7f7f7;
  --ds-color-action-secondary-bg-hover: #f7f7f7;
  --ds-color-action-secondary-border: #d6d6d6;
  --ds-color-action-secondary-text: #2c2c2c;
  --ds-color-action-tertiary-bg: #00000000;
  --ds-color-action-tertiary-bg-active: #00000014;
  --ds-color-action-tertiary-bg-disabled: #00000000;
  --ds-color-action-tertiary-bg-hover: #0000000a;
  --ds-color-action-tertiary-border: #00000000;
  --ds-color-action-tertiary-text: #131313;
  --ds-color-alpha-black-12: #0000001f;
  --ds-color-alpha-black-24: #0000003d;
  --ds-color-alpha-black-4: #0000000a;
  --ds-color-alpha-black-48: #0000007a;
  --ds-color-alpha-black-64: #000000a3;
  --ds-color-alpha-black-8: #00000014;
  --ds-color-alpha-white-12: #ffffff1f;
  --ds-color-alpha-white-24: #ffffff3d;
  --ds-color-alpha-white-4: #ffffff0a;
  --ds-color-alpha-white-48: #ffffff7a;
  --ds-color-alpha-white-64: #ffffffa3;
  --ds-color-alpha-white-8: #ffffff14;
  --ds-color-bg-canvas: #ffffff;
  --ds-color-bg-inverse: #1d1d1d;
  --ds-color-bg-subtle: #f7f7f7;
  --ds-color-bg-sunken: #f2f2f2;
  --ds-color-black: #000000;
  --ds-color-border-accent: #131313;
  --ds-color-border-default: #787878;
  --ds-color-border-disabled: #e6e6e6;
  --ds-color-border-inverse: #424242;
  --ds-color-border-strong: #686868;
  --ds-color-border-subtle: #e6e6e6;
  --ds-color-cobalt-100: #cad9ff;
  --ds-color-cobalt-200: #a1baff;
  --ds-color-cobalt-300: #7b9bfa;
  --ds-color-cobalt-400: #5f7ee0;
  --ds-color-cobalt-50: #f3f7ff;
  --ds-color-cobalt-500: #4662c4;
  --ds-color-cobalt-600: #2f47a6;
  --ds-color-cobalt-700: #24398e;
  --ds-color-cobalt-800: #1b2c75;
  --ds-color-cobalt-900: #13205a;
  --ds-color-cobalt-950: #101934;
  --ds-color-coral-100: #ffd4d1;
  --ds-color-coral-200: #ffb3ae;
  --ds-color-coral-300: #f7938f;
  --ds-color-coral-400: #e37b78;
  --ds-color-coral-50: #fff4f3;
  --ds-color-coral-500: #cc6563;
  --ds-color-coral-600: #b5504f;
  --ds-color-coral-700: #953b3b;
  --ds-color-coral-800: #742728;
  --ds-color-coral-900: #531819;
  --ds-color-coral-950: #2d1110;
  --ds-color-fern-100: #b4efcb;
  --ds-color-fern-200: #91daaf;
  --ds-color-fern-300: #71c495;
  --ds-color-fern-400: #54ae7d;
  --ds-color-fern-50: #e3ffed;
  --ds-color-fern-500: #399767;
  --ds-color-fern-600: #1c8152;
  --ds-color-fern-700: #01683f;
  --ds-color-fern-800: #004f2e;
  --ds-color-fern-900: #00381f;
  --ds-color-fern-950: #072013;
  --ds-color-focus-ring: #131313;
  --ds-color-focus-ring-inverse: #ffffff;
  --ds-color-focus-ring-offset: #ffffff;
  --ds-color-fuchsia-100: #ffcee4;
  --ds-color-fuchsia-200: #ffa7d2;
  --ds-color-fuchsia-300: #ff7ac0;
  --ds-color-fuchsia-400: #eb5baa;
  --ds-color-fuchsia-50: #fff3f8;
  --ds-color-fuchsia-500: #d23f93;
  --ds-color-fuchsia-600: #b8237d;
  --ds-color-fuchsia-700: #990b65;
  --ds-color-fuchsia-800: #77004d;
  --ds-color-fuchsia-900: #550036;
  --ds-color-fuchsia-950: #30091f;
  --ds-color-heather-100: #e1d9f1;
  --ds-color-heather-200: #cac0dd;
  --ds-color-heather-300: #b2a8c7;
  --ds-color-heather-400: #9c90b1;
  --ds-color-heather-50: #f8f5ff;
  --ds-color-heather-500: #857a9a;
  --ds-color-heather-600: #6f6483;
  --ds-color-heather-700: #594f6b;
  --ds-color-heather-800: #443b53;
  --ds-color-heather-900: #30293b;
  --ds-color-heather-950: #1c1922;
  --ds-color-honey-100: #ffdeb7;
  --ds-color-honey-200: #ffc67e;
  --ds-color-honey-300: #f6b051;
  --ds-color-honey-400: #e69c2f;
  --ds-color-honey-50: #fff5ea;
  --ds-color-honey-500: #d48a00;
  --ds-color-honey-600: #a26800;
  --ds-color-honey-700: #8a5800;
  --ds-color-honey-800: #674100;
  --ds-color-honey-900: #462b00;
  --ds-color-honey-950: #281600;
  --ds-color-icon-accent: #131313;
  --ds-color-icon-disabled: #ababab;
  --ds-color-icon-inverse: #ffffff;
  --ds-color-icon-primary: #424242;
  --ds-color-icon-secondary: #686868;
  --ds-color-iris-100: #ded6ff;
  --ds-color-iris-200: #c5b6ff;
  --ds-color-iris-300: #ad9aee;
  --ds-color-iris-400: #9580d7;
  --ds-color-iris-50: #f7f5ff;
  --ds-color-iris-500: #7e68be;
  --ds-color-iris-600: #6750a4;
  --ds-color-iris-700: #543e89;
  --ds-color-iris-800: #412e6e;
  --ds-color-iris-900: #2e2052;
  --ds-color-iris-950: #1c162e;
  --ds-color-moss-100: #cde7b2;
  --ds-color-moss-200: #b0cf8f;
  --ds-color-moss-300: #94b76f;
  --ds-color-moss-400: #7b9e52;
  --ds-color-moss-50: #eefde1;
  --ds-color-moss-500: #638639;
  --ds-color-moss-600: #4d6e1f;
  --ds-color-moss-700: #3c5910;
  --ds-color-moss-800: #2c4503;
  --ds-color-moss-900: #1f3201;
  --ds-color-moss-950: #151e09;
  --ds-color-neutral-0: #ffffff;
  --ds-color-neutral-100: #f2f2f2;
  --ds-color-neutral-1000: #000000;
  --ds-color-neutral-200: #e6e6e6;
  --ds-color-neutral-25: #fbfbfb;
  --ds-color-neutral-300: #d6d6d6;
  --ds-color-neutral-400: #ababab;
  --ds-color-neutral-450: #787878;
  --ds-color-neutral-50: #f7f7f7;
  --ds-color-neutral-500: #686868;
  --ds-color-neutral-600: #535353;
  --ds-color-neutral-700: #424242;
  --ds-color-neutral-800: #2c2c2c;
  --ds-color-neutral-900: #1d1d1d;
  --ds-color-neutral-950: #131313;
  --ds-color-overlay-scrim: #0000007a;
  --ds-color-overlay-skeleton: #f2f2f2;
  --ds-color-plum-100: #ffc8eb;
  --ds-color-plum-200: #efa5d5;
  --ds-color-plum-300: #d888bd;
  --ds-color-plum-400: #bf6ca4;
  --ds-color-plum-50: #fff3fa;
  --ds-color-plum-500: #a5528b;
  --ds-color-plum-600: #8a3a72;
  --ds-color-plum-700: #732b5e;
  --ds-color-plum-800: #5c1e4a;
  --ds-color-plum-900: #441437;
  --ds-color-plum-950: #281221;
  --ds-color-rose-100: #f9ebeb;
  --ds-color-rose-200: #f3d3d1;
  --ds-color-rose-300: #ecb1ae;
  --ds-color-rose-400: #e47d78;
  --ds-color-rose-50: #fcf8f7;
  --ds-color-rose-500: #db332a;
  --ds-color-rose-600: #b3261e;
  --ds-color-rose-700: #8a2620;
  --ds-color-rose-800: #651f1b;
  --ds-color-rose-900: #461816;
  --ds-color-rose-950: #2d100f;
  --ds-color-selected-bg: #f2f2f2;
  --ds-color-selected-border: #131313;
  --ds-color-selected-text: #131313;
  --ds-color-sepia-100: #f9d6b9;
  --ds-color-sepia-200: #e6bc98;
  --ds-color-sepia-300: #d1a37b;
  --ds-color-sepia-400: #ba8b61;
  --ds-color-sepia-50: #fff5ec;
  --ds-color-sepia-500: #a3744a;
  --ds-color-sepia-600: #8b5e34;
  --ds-color-sepia-700: #724a24;
  --ds-color-sepia-800: #593715;
  --ds-color-sepia-900: #40260c;
  --ds-color-sepia-950: #24180c;
  --ds-color-sky-100: #c4deff;
  --ds-color-sky-200: #95c4ff;
  --ds-color-sky-300: #67a9fa;
  --ds-color-sky-400: #498fe3;
  --ds-color-sky-50: #f1f7ff;
  --ds-color-sky-500: #2c75c8;
  --ds-color-sky-600: #0b5cad;
  --ds-color-sky-700: #004a91;
  --ds-color-sky-800: #003972;
  --ds-color-sky-900: #002956;
  --ds-color-sky-950: #081b32;
  --ds-color-status-error-border: #ecb1ae;
  --ds-color-status-error-solid: #b3261e;
  --ds-color-status-error-surface: #fcf8f7;
  --ds-color-status-error-text: #651f1b;
  --ds-color-status-info-border: #67a9fa;
  --ds-color-status-info-solid: #0b5cad;
  --ds-color-status-info-surface: #f1f7ff;
  --ds-color-status-info-text: #003972;
  --ds-color-status-success-border: #71c495;
  --ds-color-status-success-solid: #1c8152;
  --ds-color-status-success-surface: #e3ffed;
  --ds-color-status-success-text: #004f2e;
  --ds-color-status-warning-border: #f6b051;
  --ds-color-status-warning-solid: #d48a00;
  --ds-color-status-warning-surface: #fff5ea;
  --ds-color-status-warning-text: #462b00;
  --ds-color-surface-accent-subtle: #f2f2f2;
  --ds-color-surface-default: #ffffff;
  --ds-color-surface-hover: #0000000a;
  --ds-color-surface-inverse: #1d1d1d;
  --ds-color-surface-overlay: #ffffff;
  --ds-color-surface-pressed: #00000014;
  --ds-color-surface-raised: #ffffff;
  --ds-color-surface-sunken: #f7f7f7;
  --ds-color-tangerine-100: #ffd7c5;
  --ds-color-tangerine-200: #ffb899;
  --ds-color-tangerine-300: #ff9766;
  --ds-color-tangerine-400: #ef7e46;
  --ds-color-tangerine-50: #fff4f0;
  --ds-color-tangerine-500: #d9682c;
  --ds-color-tangerine-600: #c2530e;
  --ds-color-tangerine-700: #9c3f00;
  --ds-color-tangerine-800: #762e00;
  --ds-color-tangerine-900: #521e00;
  --ds-color-tangerine-950: #2f1003;
  --ds-color-teal-100: #b2e9eb;
  --ds-color-teal-200: #8dd2d5;
  --ds-color-teal-300: #6cbbbe;
  --ds-color-teal-400: #4da3a7;
  --ds-color-teal-50: #e1fdfe;
  --ds-color-teal-500: #308b8f;
  --ds-color-teal-600: #0b7478;
  --ds-color-teal-700: #005e61;
  --ds-color-teal-800: #00484b;
  --ds-color-teal-900: #003335;
  --ds-color-teal-950: #071f20;
  --ds-color-text-disabled: #787878;
  --ds-color-text-error: #8a2620;
  --ds-color-text-info: #004a91;
  --ds-color-text-inverse: #ffffff;
  --ds-color-text-link: #131313;
  --ds-color-text-link-hover: #424242;
  --ds-color-text-link-visited: #424242;
  --ds-color-text-on-accent: #ffffff;
  --ds-color-text-placeholder: #686868;
  --ds-color-text-primary: #1d1d1d;
  --ds-color-text-secondary: #535353;
  --ds-color-text-success: #01683f;
  --ds-color-text-tertiary: #686868;
  --ds-color-text-warning: #674100;
  --ds-color-transparent: #00000000;
  --ds-color-white: #ffffff;
  --ds-container-2xl: 1440px;
  --ds-container-3xl: 1600px;
  --ds-container-full: 100%;
  --ds-container-lg: 1024px;
  --ds-container-md: 768px;
  --ds-container-prose: 72ch;
  --ds-container-sm: 640px;
  --ds-container-xl: 1280px;
  --ds-container-xs: 480px;
  --ds-distance-lg: 32px;
  --ds-distance-md: 16px;
  --ds-distance-sm: 8px;
  --ds-distance-xl: 64px;
  --ds-distance-xs: 4px;
  --ds-duration-deliberate: 640ms;
  --ds-duration-fast: 120ms;
  --ds-duration-instant: 0ms;
  --ds-duration-moderate: 400ms;
  --ds-duration-normal: 200ms;
  --ds-duration-slow: 320ms;
  --ds-duration-slower: 480ms;
  --ds-duration-tick: 40ms;
  --ds-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --ds-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --ds-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ds-easing-expressive: cubic-bezier(0.16, 1, 0.3, 1);
  --ds-easing-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ds-easing-linear: cubic-bezier(0, 0, 1, 1);
  --ds-easing-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ds-easing-spring: cubic-bezier(0.3, 1.25, 0.6, 1);
  --ds-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ds-elevation-flat: none;
  --ds-elevation-modal: 0 24px 48px -12px rgb(16 24 40 / 0.18);
  --ds-elevation-overlay: 0 4px 8px -2px rgb(16 24 40 / 0.10), 0 2px 4px -2px rgb(16 24 40 / 0.06);
  --ds-elevation-raised: 0 1px 3px 0 rgb(16 24 40 / 0.10), 0 1px 2px -1px rgb(16 24 40 / 0.06);
  --ds-elevation-sticky: 0 12px 16px -4px rgb(16 24 40 / 0.08), 0 4px 6px -2px rgb(16 24 40 / 0.03);
  --ds-field-bg: #ffffff;
  --ds-field-bg-disabled: #f7f7f7;
  --ds-field-bg-read-only: #f7f7f7;
  --ds-field-border: #787878;
  --ds-field-border-disabled: #e6e6e6;
  --ds-field-border-error: #b3261e;
  --ds-field-border-focus: #131313;
  --ds-field-border-hover: #686868;
  --ds-field-border-width: 1px;
  --ds-field-border-width-focus: 2px;
  --ds-field-gap: 8px;
  --ds-field-height-lg: 48px;
  --ds-field-height-md: 40px;
  --ds-field-height-sm: 32px;
  --ds-field-help: #686868;
  --ds-field-icon-size: 20px;
  --ds-field-label: #535353;
  --ds-field-padding-x: 12px;
  --ds-field-padding-y: 8px;
  --ds-field-radius: 12px;
  --ds-field-text: #1d1d1d;
  --ds-field-text-disabled: #787878;
  --ds-field-text-error: #8a2620;
  --ds-field-text-placeholder: #686868;
  --ds-font-family-display: "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-font-family-mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --ds-font-family-numeric: "Outfit", system-ui, sans-serif;
  --ds-font-family-sans: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-font-family-serif: "Source Serif 4", "Noto Naskh Arabic", Georgia, "Times New Roman", serif;
  --ds-font-letter-spacing-normal: 0em;
  --ds-font-letter-spacing-tight: -0.01em;
  --ds-font-letter-spacing-tighter: -0.02em;
  --ds-font-letter-spacing-wide: 0.01em;
  --ds-font-letter-spacing-wider: 0.02em;
  --ds-font-letter-spacing-widest: 0.08em;
  --ds-font-line-height-arabic: 1.75;
  --ds-font-line-height-loose: 1.65;
  --ds-font-line-height-none: 1;
  --ds-font-line-height-normal: 1.4;
  --ds-font-line-height-relaxed: 1.5;
  --ds-font-line-height-snug: 1.25;
  --ds-font-line-height-tight: 1.15;
  --ds-font-measure-default: 72ch;
  --ds-font-measure-narrow: 45ch;
  --ds-font-measure-wide: 88ch;
  --ds-font-size-10xl: 4.5rem;
  --ds-font-size-2xl: 1.5rem;
  --ds-font-size-2xs: 0.6875rem;
  --ds-font-size-3xl: 1.75rem;
  --ds-font-size-4xl: 2rem;
  --ds-font-size-5xl: 2.25rem;
  --ds-font-size-6xl: 2.5rem;
  --ds-font-size-7xl: 3rem;
  --ds-font-size-8xl: 3.5rem;
  --ds-font-size-9xl: 4rem;
  --ds-font-size-lg: 1.125rem;
  --ds-font-size-md: 1rem;
  --ds-font-size-sm: 0.875rem;
  --ds-font-size-xl: 1.25rem;
  --ds-font-size-xs: 0.75rem;
  --ds-font-weight-bold: 700;
  --ds-font-weight-extrabold: 800;
  --ds-font-weight-light: 300;
  --ds-font-weight-medium: 500;
  --ds-font-weight-regular: 400;
  --ds-font-weight-semibold: 600;
  --ds-grid-columns-compact: 4;
  --ds-grid-columns-expanded: 12;
  --ds-grid-columns-medium: 8;
  --ds-grid-columns-wide: 12;
  --ds-grid-gutter-compact: 16px;
  --ds-grid-gutter-expanded: 24px;
  --ds-grid-gutter-medium: 20px;
  --ds-grid-gutter-wide: 24px;
  --ds-grid-margin-compact: 16px;
  --ds-grid-margin-expanded: 32px;
  --ds-grid-margin-medium: 24px;
  --ds-grid-margin-wide: 64px;
  --ds-icon-2xl: 48px;
  --ds-icon-3xl: 64px;
  --ds-icon-lg: 32px;
  --ds-icon-md: 24px;
  --ds-icon-sm: 20px;
  --ds-icon-xl: 40px;
  --ds-icon-xs: 16px;
  --ds-motion-bounce-pop: 0.4;
  --ds-motion-bounce-press: 0.25;
  --ds-motion-bounce-select: 0.25;
  --ds-motion-bounce-surface: 0.1;
  --ds-motion-count: 640ms;
  --ds-motion-delay-grace: 200ms;
  --ds-motion-delay-intent: 400ms;
  --ds-motion-ease-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ds-motion-ease-enter: cubic-bezier(0, 0, 0, 1);
  --ds-motion-ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --ds-motion-ease-expressive: cubic-bezier(0.16, 1, 0.3, 1);
  --ds-motion-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ds-motion-ease-linear: cubic-bezier(0, 0, 1, 1);
  --ds-motion-ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ds-motion-ease-spring: cubic-bezier(0.3, 1.25, 0.6, 1);
  --ds-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ds-motion-enter: 200ms;
  --ds-motion-exit: 120ms;
  --ds-motion-focus-move: 120ms;
  --ds-motion-micro-feedback: 120ms;
  --ds-motion-page-transition: 320ms;
  --ds-motion-select: 320ms;
  --ds-motion-spring-default-damping: 12;
  --ds-motion-spring-default-mass: 1;
  --ds-motion-spring-default-stiffness: 180;
  --ds-motion-spring-gentle-damping: 14;
  --ds-motion-spring-gentle-mass: 1;
  --ds-motion-spring-gentle-stiffness: 120;
  --ds-motion-spring-molasses-damping: 44;
  --ds-motion-spring-molasses-mass: 1;
  --ds-motion-spring-molasses-stiffness: 120;
  --ds-motion-spring-slow-damping: 12;
  --ds-motion-spring-slow-mass: 3;
  --ds-motion-spring-slow-stiffness: 180;
  --ds-motion-spring-stiff-damping: 30;
  --ds-motion-spring-stiff-mass: 1;
  --ds-motion-spring-stiff-stiffness: 400;
  --ds-motion-spring-wobbly-damping: 8;
  --ds-motion-spring-wobbly-mass: 1;
  --ds-motion-spring-wobbly-stiffness: 180;
  --ds-motion-stagger: 40ms;
  --ds-motion-stagger-max: 400ms;
  --ds-motion-state-change: 200ms;
  --ds-motion-surface: 320ms;
  --ds-motion-travel-lg: 64px;
  --ds-motion-travel-md: 16px;
  --ds-motion-travel-sm: 8px;
  --ds-opacity-0: 0;
  --ds-opacity-100: 1;
  --ds-opacity-disabled: 0.38;
  --ds-opacity-hover: 0.08;
  --ds-opacity-muted: 0.62;
  --ds-opacity-pressed: 0.12;
  --ds-opacity-scrim: 0.48;
  --ds-radius-2xl: 26px;
  --ds-radius-3xl: 32px;
  --ds-radius-4xl: 40px;
  --ds-radius-full: 9999px;
  --ds-radius-lg: 16px;
  --ds-radius-md: 12px;
  --ds-radius-none: 0px;
  --ds-radius-sm: 8px;
  --ds-radius-xl: 20px;
  --ds-radius-xs: 4px;
  --ds-shadow-2xl: 0 24px 48px -12px rgb(16 24 40 / 0.18);
  --ds-shadow-dark2xl: 0 24px 48px -12px rgb(0 0 0 / 0.65);
  --ds-shadow-dark-lg: 0 12px 16px -4px rgb(0 0 0 / 0.50), 0 4px 6px -2px rgb(0 0 0 / 0.30);
  --ds-shadow-dark-md: 0 4px 8px -2px rgb(0 0 0 / 0.45), 0 2px 4px -2px rgb(0 0 0 / 0.30);
  --ds-shadow-dark-sm: 0 1px 3px 0 rgb(0 0 0 / 0.40), 0 1px 2px -1px rgb(0 0 0 / 0.30);
  --ds-shadow-dark-xl: 0 20px 24px -4px rgb(0 0 0 / 0.55), 0 8px 8px -4px rgb(0 0 0 / 0.30);
  --ds-shadow-dark-xs: 0 1px 2px 0 rgb(0 0 0 / 0.30);
  --ds-shadow-inner: inset 0 2px 4px 0 rgb(16 24 40 / 0.06);
  --ds-shadow-lg: 0 12px 16px -4px rgb(16 24 40 / 0.08), 0 4px 6px -2px rgb(16 24 40 / 0.03);
  --ds-shadow-md: 0 4px 8px -2px rgb(16 24 40 / 0.10), 0 2px 4px -2px rgb(16 24 40 / 0.06);
  --ds-shadow-none: none;
  --ds-shadow-sm: 0 1px 3px 0 rgb(16 24 40 / 0.10), 0 1px 2px -1px rgb(16 24 40 / 0.06);
  --ds-shadow-xl: 0 20px 24px -4px rgb(16 24 40 / 0.08), 0 8px 8px -4px rgb(16 24 40 / 0.03);
  --ds-shadow-xs: 0 1px 2px 0 rgb(16 24 40 / 0.05);
  --ds-size-10: 40px;
  --ds-size-11: 44px;
  --ds-size-12: 48px;
  --ds-size-14: 56px;
  --ds-size-16: 64px;
  --ds-size-20: 80px;
  --ds-size-24: 96px;
  --ds-size-4: 16px;
  --ds-size-5: 20px;
  --ds-size-6: 24px;
  --ds-size-7: 28px;
  --ds-size-8: 32px;
  --ds-size-9: 36px;
  --ds-space-0: 0px;
  --ds-space-025: 1px;
  --ds-space-05: 2px;
  --ds-space-1: 4px;
  --ds-space-10: 40px;
  --ds-space-12: 48px;
  --ds-space-14: 56px;
  --ds-space-16: 64px;
  --ds-space-2: 8px;
  --ds-space-20: 80px;
  --ds-space-24: 96px;
  --ds-space-3: 12px;
  --ds-space-32: 128px;
  --ds-space-4: 16px;
  --ds-space-40: 160px;
  --ds-space-48: 192px;
  --ds-space-5: 20px;
  --ds-space-6: 24px;
  --ds-space-7: 28px;
  --ds-space-8: 32px;
  --ds-spacing-inline-2xs: 2px;
  --ds-spacing-inline-lg: 16px;
  --ds-spacing-inline-md: 12px;
  --ds-spacing-inline-sm: 8px;
  --ds-spacing-inline-xl: 24px;
  --ds-spacing-inline-xs: 4px;
  --ds-spacing-inset-2xl: 48px;
  --ds-spacing-inset-2xs: 4px;
  --ds-spacing-inset-lg: 24px;
  --ds-spacing-inset-md: 16px;
  --ds-spacing-inset-none: 0px;
  --ds-spacing-inset-sm: 12px;
  --ds-spacing-inset-xl: 32px;
  --ds-spacing-inset-xs: 8px;
  --ds-spacing-section-lg: 96px;
  --ds-spacing-section-md: 64px;
  --ds-spacing-section-sm: 48px;
  --ds-spacing-section-xl: 128px;
  --ds-spacing-stack-2xl: 48px;
  --ds-spacing-stack-2xs: 4px;
  --ds-spacing-stack-3xl: 64px;
  --ds-spacing-stack-lg: 24px;
  --ds-spacing-stack-md: 16px;
  --ds-spacing-stack-sm: 12px;
  --ds-spacing-stack-xl: 32px;
  --ds-spacing-stack-xs: 8px;
  --ds-spring-default-damping: 12;
  --ds-spring-default-mass: 1;
  --ds-spring-default-stiffness: 180;
  --ds-spring-gentle-damping: 14;
  --ds-spring-gentle-mass: 1;
  --ds-spring-gentle-stiffness: 120;
  --ds-spring-molasses-damping: 44;
  --ds-spring-molasses-mass: 1;
  --ds-spring-molasses-stiffness: 120;
  --ds-spring-slow-damping: 12;
  --ds-spring-slow-mass: 3;
  --ds-spring-slow-stiffness: 180;
  --ds-spring-stiff-damping: 30;
  --ds-spring-stiff-mass: 1;
  --ds-spring-stiff-stiffness: 400;
  --ds-spring-wobbly-damping: 8;
  --ds-spring-wobbly-mass: 1;
  --ds-spring-wobbly-stiffness: 180;
  --ds-target-coarse: 44px;
  --ds-target-fine: 24px;
  --ds-target-kiosk: 56px;
  --ds-target-remote: 56px;
  --ds-target-stylus: 32px;
  --ds-target-wearable: 44px;
  --ds-type-body-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-body-font-size: 1rem;
  --ds-type-body-font-weight: 400;
  --ds-type-body-line-height: 1.5;
  --ds-type-body-letter-spacing: 0em;
  --ds-type-body: 400 1rem/1.5 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-body-lg-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-body-lg-font-size: 1.125rem;
  --ds-type-body-lg-font-weight: 400;
  --ds-type-body-lg-line-height: 1.5;
  --ds-type-body-lg-letter-spacing: 0em;
  --ds-type-body-lg: 400 1.125rem/1.5 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-body-sm-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-body-sm-font-size: 0.875rem;
  --ds-type-body-sm-font-weight: 400;
  --ds-type-body-sm-line-height: 1.4;
  --ds-type-body-sm-letter-spacing: 0em;
  --ds-type-body-sm: 400 0.875rem/1.4 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-button-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-button-font-size: 0.875rem;
  --ds-type-button-font-weight: 600;
  --ds-type-button-line-height: 1;
  --ds-type-button-letter-spacing: 0em;
  --ds-type-button: 600 0.875rem/1 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-caption-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-caption-font-size: 0.75rem;
  --ds-type-caption-font-weight: 400;
  --ds-type-caption-line-height: 1.4;
  --ds-type-caption-letter-spacing: 0em;
  --ds-type-caption: 400 0.75rem/1.4 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-code-font-family: "JetBrains Mono", "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --ds-type-code-font-size: 0.875rem;
  --ds-type-code-font-weight: 400;
  --ds-type-code-line-height: 1.5;
  --ds-type-code-letter-spacing: 0em;
  --ds-type-code: 400 0.875rem/1.5 "JetBrains Mono", "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;
  --ds-type-display-font-family: "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-display-font-size: 3rem;
  --ds-type-display-font-weight: 700;
  --ds-type-display-line-height: 1.15;
  --ds-type-display-letter-spacing: -0.02em;
  --ds-type-display: 700 3rem/1.15 "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h1-font-family: "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h1-font-size: 2.25rem;
  --ds-type-h1-font-weight: 700;
  --ds-type-h1-line-height: 1.15;
  --ds-type-h1-letter-spacing: -0.01em;
  --ds-type-h1: 700 2.25rem/1.15 "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h2-font-family: "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h2-font-size: 2rem;
  --ds-type-h2-font-weight: 600;
  --ds-type-h2-line-height: 1.25;
  --ds-type-h2-letter-spacing: -0.01em;
  --ds-type-h2: 600 2rem/1.25 "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h3-font-family: "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h3-font-size: 1.5rem;
  --ds-type-h3-font-weight: 600;
  --ds-type-h3-line-height: 1.25;
  --ds-type-h3-letter-spacing: 0em;
  --ds-type-h3: 600 1.5rem/1.25 "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h4-font-family: "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h4-font-size: 1.25rem;
  --ds-type-h4-font-weight: 600;
  --ds-type-h4-line-height: 1.25;
  --ds-type-h4-letter-spacing: 0em;
  --ds-type-h4: 600 1.25rem/1.25 "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h5-font-family: "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-h5-font-size: 1.125rem;
  --ds-type-h5-font-weight: 600;
  --ds-type-h5-line-height: 1.4;
  --ds-type-h5-letter-spacing: 0em;
  --ds-type-h5: 600 1.125rem/1.4 "Outfit", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
  --ds-type-label-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-label-font-size: 0.875rem;
  --ds-type-label-font-weight: 500;
  --ds-type-label-line-height: 1.4;
  --ds-type-label-letter-spacing: 0em;
  --ds-type-label: 500 0.875rem/1.4 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-navigation-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-navigation-font-size: 0.875rem;
  --ds-type-navigation-font-weight: 500;
  --ds-type-navigation-line-height: 1;
  --ds-type-navigation-letter-spacing: 0em;
  --ds-type-navigation: 500 0.875rem/1 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-numeric-font-family: "Outfit", system-ui, sans-serif;
  --ds-type-numeric-font-size: 1rem;
  --ds-type-numeric-font-weight: 500;
  --ds-type-numeric-line-height: 1.4;
  --ds-type-numeric-letter-spacing: 0em;
  --ds-type-numeric: 500 1rem/1.4 "Outfit", system-ui, sans-serif;
  --ds-type-numeric-lg-font-family: "Outfit", system-ui, sans-serif;
  --ds-type-numeric-lg-font-size: 2rem;
  --ds-type-numeric-lg-font-weight: 600;
  --ds-type-numeric-lg-line-height: 1.15;
  --ds-type-numeric-lg-letter-spacing: -0.01em;
  --ds-type-numeric-lg: 600 2rem/1.15 "Outfit", system-ui, sans-serif;
  --ds-type-overline-font-family: "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-type-overline-font-size: 0.6875rem;
  --ds-type-overline-font-weight: 600;
  --ds-type-overline-line-height: 1;
  --ds-type-overline-letter-spacing: 0.08em;
  --ds-type-overline: 600 0.6875rem/1 "DM Sans", "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --ds-z-index-banner: 1300;
  --ds-z-index-base: 0;
  --ds-z-index-drawer: 1500;
  --ds-z-index-dropdown: 1200;
  --ds-z-index-modal: 1600;
  --ds-z-index-overlay: 1400;
  --ds-z-index-popover: 1700;
  --ds-z-index-raised: 100;
  --ds-z-index-sticky: 1100;
  --ds-z-index-toast: 1800;
  --ds-z-index-tooltip: 1900;
}

/* Explicit opt-in wins over the system preference, in both directions. */
[data-theme="dark"] {
  --ds-button-danger-bg: #e47d78;
  --ds-button-danger-bg-active: #f3d3d1;
  --ds-button-danger-bg-disabled: #2c2c2c;
  --ds-button-danger-bg-hover: #ecb1ae;
  --ds-button-danger-text: #131313;
  --ds-button-danger-text-disabled: #686868;
  --ds-button-primary-bg: #f7f7f7;
  --ds-button-primary-bg-active: #d6d6d6;
  --ds-button-primary-bg-disabled: #2c2c2c;
  --ds-button-primary-bg-hover: #e6e6e6;
  --ds-button-primary-text: #131313;
  --ds-button-primary-text-disabled: #686868;
  --ds-button-secondary-bg: #2c2c2c;
  --ds-button-secondary-bg-active: #535353;
  --ds-button-secondary-bg-disabled: #1d1d1d;
  --ds-button-secondary-bg-hover: #424242;
  --ds-button-secondary-border: #535353;
  --ds-button-secondary-text: #f2f2f2;
  --ds-button-secondary-text-disabled: #686868;
  --ds-button-tertiary-bg-active: #ffffff1f;
  --ds-button-tertiary-bg-hover: #ffffff14;
  --ds-button-tertiary-text: #f7f7f7;
  --ds-button-tertiary-text-disabled: #686868;
  --ds-color-action-danger-bg: #e47d78;
  --ds-color-action-danger-bg-active: #f3d3d1;
  --ds-color-action-danger-bg-disabled: #2c2c2c;
  --ds-color-action-danger-bg-hover: #ecb1ae;
  --ds-color-action-danger-text: #131313;
  --ds-color-action-primary-bg: #f7f7f7;
  --ds-color-action-primary-bg-active: #d6d6d6;
  --ds-color-action-primary-bg-disabled: #2c2c2c;
  --ds-color-action-primary-bg-hover: #e6e6e6;
  --ds-color-action-primary-text: #131313;
  --ds-color-action-secondary-bg: #2c2c2c;
  --ds-color-action-secondary-bg-active: #535353;
  --ds-color-action-secondary-bg-disabled: #1d1d1d;
  --ds-color-action-secondary-bg-hover: #424242;
  --ds-color-action-secondary-border: #535353;
  --ds-color-action-secondary-text: #f2f2f2;
  --ds-color-action-tertiary-bg-active: #ffffff1f;
  --ds-color-action-tertiary-bg-hover: #ffffff14;
  --ds-color-action-tertiary-text: #f7f7f7;
  --ds-color-bg-canvas: #131313;
  --ds-color-bg-inverse: #f2f2f2;
  --ds-color-bg-subtle: #1d1d1d;
  --ds-color-bg-sunken: #000000;
  --ds-color-border-accent: #f7f7f7;
  --ds-color-border-disabled: #2c2c2c;
  --ds-color-border-inverse: #d6d6d6;
  --ds-color-border-subtle: #2c2c2c;
  --ds-color-focus-ring: #f7f7f7;
  --ds-color-focus-ring-offset: #131313;
  --ds-color-icon-accent: #f7f7f7;
  --ds-color-icon-disabled: #535353;
  --ds-color-icon-inverse: #1d1d1d;
  --ds-color-icon-primary: #e6e6e6;
  --ds-color-icon-secondary: #ababab;
  --ds-color-overlay-scrim: #000000a3;
  --ds-color-overlay-skeleton: #2c2c2c;
  --ds-color-selected-bg: #1d1d1d;
  --ds-color-selected-border: #f7f7f7;
  --ds-color-selected-text: #f7f7f7;
  --ds-color-status-error-border: #651f1b;
  --ds-color-status-error-solid: #db332a;
  --ds-color-status-error-surface: #2d100f;
  --ds-color-status-error-text: #f3d3d1;
  --ds-color-status-info-border: #003972;
  --ds-color-status-info-solid: #2c75c8;
  --ds-color-status-info-surface: #081b32;
  --ds-color-status-info-text: #95c4ff;
  --ds-color-status-success-border: #004f2e;
  --ds-color-status-success-solid: #399767;
  --ds-color-status-success-surface: #072013;
  --ds-color-status-success-text: #91daaf;
  --ds-color-status-warning-border: #674100;
  --ds-color-status-warning-solid: #e69c2f;
  --ds-color-status-warning-surface: #281600;
  --ds-color-status-warning-text: #ffc67e;
  --ds-color-surface-accent-subtle: #1d1d1d;
  --ds-color-surface-default: #1d1d1d;
  --ds-color-surface-hover: #ffffff14;
  --ds-color-surface-inverse: #f2f2f2;
  --ds-color-surface-overlay: #2c2c2c;
  --ds-color-surface-pressed: #ffffff1f;
  --ds-color-surface-raised: #2c2c2c;
  --ds-color-surface-sunken: #131313;
  --ds-color-text-disabled: #686868;
  --ds-color-text-error: #ecb1ae;
  --ds-color-text-info: #67a9fa;
  --ds-color-text-inverse: #1d1d1d;
  --ds-color-text-link: #f7f7f7;
  --ds-color-text-link-hover: #e6e6e6;
  --ds-color-text-link-visited: #d6d6d6;
  --ds-color-text-placeholder: #ababab;
  --ds-color-text-primary: #f7f7f7;
  --ds-color-text-secondary: #d6d6d6;
  --ds-color-text-success: #71c495;
  --ds-color-text-tertiary: #ababab;
  --ds-color-text-warning: #f6b051;
  --ds-elevation-modal: 0 24px 48px -12px rgb(0 0 0 / 0.65);
  --ds-elevation-overlay: 0 4px 8px -2px rgb(0 0 0 / 0.45), 0 2px 4px -2px rgb(0 0 0 / 0.30);
  --ds-elevation-raised: 0 1px 3px 0 rgb(0 0 0 / 0.40), 0 1px 2px -1px rgb(0 0 0 / 0.30);
  --ds-elevation-sticky: 0 12px 16px -4px rgb(0 0 0 / 0.50), 0 4px 6px -2px rgb(0 0 0 / 0.30);
  --ds-field-bg: #1d1d1d;
  --ds-field-bg-disabled: #1d1d1d;
  --ds-field-bg-read-only: #1d1d1d;
  --ds-field-border-disabled: #2c2c2c;
  --ds-field-border-error: #db332a;
  --ds-field-border-focus: #f7f7f7;
  --ds-field-help: #ababab;
  --ds-field-label: #d6d6d6;
  --ds-field-text: #f7f7f7;
  --ds-field-text-disabled: #686868;
  --ds-field-text-error: #ecb1ae;
  --ds-field-text-placeholder: #ababab;
}

/* Theme islands. The light palette is emitted a second time under an
   explicit selector so a SUBTREE can be flipped back to light inside a
   dark document — a preview pane, an embedded widget, a docs specimen.
   Without this, data-theme only ever works in one direction, because the
   light values exist solely on :root. */
[data-theme="light"] {
  --ds-button-danger-bg: #b3261e;
  --ds-button-danger-bg-active: #651f1b;
  --ds-button-danger-bg-disabled: #e6e6e6;
  --ds-button-danger-bg-hover: #8a2620;
  --ds-button-danger-text: #ffffff;
  --ds-button-danger-text-disabled: #787878;
  --ds-button-primary-bg: #131313;
  --ds-button-primary-bg-active: #424242;
  --ds-button-primary-bg-disabled: #e6e6e6;
  --ds-button-primary-bg-hover: #2c2c2c;
  --ds-button-primary-text: #ffffff;
  --ds-button-primary-text-disabled: #787878;
  --ds-button-secondary-bg: #ffffff;
  --ds-button-secondary-bg-active: #f2f2f2;
  --ds-button-secondary-bg-disabled: #f7f7f7;
  --ds-button-secondary-bg-hover: #f7f7f7;
  --ds-button-secondary-border: #d6d6d6;
  --ds-button-secondary-text: #2c2c2c;
  --ds-button-secondary-text-disabled: #787878;
  --ds-button-tertiary-bg-active: #00000014;
  --ds-button-tertiary-bg-hover: #0000000a;
  --ds-button-tertiary-text: #131313;
  --ds-button-tertiary-text-disabled: #787878;
  --ds-color-action-danger-bg: #b3261e;
  --ds-color-action-danger-bg-active: #651f1b;
  --ds-color-action-danger-bg-disabled: #e6e6e6;
  --ds-color-action-danger-bg-hover: #8a2620;
  --ds-color-action-danger-text: #ffffff;
  --ds-color-action-primary-bg: #131313;
  --ds-color-action-primary-bg-active: #424242;
  --ds-color-action-primary-bg-disabled: #e6e6e6;
  --ds-color-action-primary-bg-hover: #2c2c2c;
  --ds-color-action-primary-text: #ffffff;
  --ds-color-action-secondary-bg: #ffffff;
  --ds-color-action-secondary-bg-active: #f2f2f2;
  --ds-color-action-secondary-bg-disabled: #f7f7f7;
  --ds-color-action-secondary-bg-hover: #f7f7f7;
  --ds-color-action-secondary-border: #d6d6d6;
  --ds-color-action-secondary-text: #2c2c2c;
  --ds-color-action-tertiary-bg-active: #00000014;
  --ds-color-action-tertiary-bg-hover: #0000000a;
  --ds-color-action-tertiary-text: #131313;
  --ds-color-bg-canvas: #ffffff;
  --ds-color-bg-inverse: #1d1d1d;
  --ds-color-bg-subtle: #f7f7f7;
  --ds-color-bg-sunken: #f2f2f2;
  --ds-color-border-accent: #131313;
  --ds-color-border-disabled: #e6e6e6;
  --ds-color-border-inverse: #424242;
  --ds-color-border-subtle: #e6e6e6;
  --ds-color-focus-ring: #131313;
  --ds-color-focus-ring-offset: #ffffff;
  --ds-color-icon-accent: #131313;
  --ds-color-icon-disabled: #ababab;
  --ds-color-icon-inverse: #ffffff;
  --ds-color-icon-primary: #424242;
  --ds-color-icon-secondary: #686868;
  --ds-color-overlay-scrim: #0000007a;
  --ds-color-overlay-skeleton: #f2f2f2;
  --ds-color-selected-bg: #f2f2f2;
  --ds-color-selected-border: #131313;
  --ds-color-selected-text: #131313;
  --ds-color-status-error-border: #ecb1ae;
  --ds-color-status-error-solid: #b3261e;
  --ds-color-status-error-surface: #fcf8f7;
  --ds-color-status-error-text: #651f1b;
  --ds-color-status-info-border: #67a9fa;
  --ds-color-status-info-solid: #0b5cad;
  --ds-color-status-info-surface: #f1f7ff;
  --ds-color-status-info-text: #003972;
  --ds-color-status-success-border: #71c495;
  --ds-color-status-success-solid: #1c8152;
  --ds-color-status-success-surface: #e3ffed;
  --ds-color-status-success-text: #004f2e;
  --ds-color-status-warning-border: #f6b051;
  --ds-color-status-warning-solid: #d48a00;
  --ds-color-status-warning-surface: #fff5ea;
  --ds-color-status-warning-text: #462b00;
  --ds-color-surface-accent-subtle: #f2f2f2;
  --ds-color-surface-default: #ffffff;
  --ds-color-surface-hover: #0000000a;
  --ds-color-surface-inverse: #1d1d1d;
  --ds-color-surface-overlay: #ffffff;
  --ds-color-surface-pressed: #00000014;
  --ds-color-surface-raised: #ffffff;
  --ds-color-surface-sunken: #f7f7f7;
  --ds-color-text-disabled: #787878;
  --ds-color-text-error: #8a2620;
  --ds-color-text-info: #004a91;
  --ds-color-text-inverse: #ffffff;
  --ds-color-text-link: #131313;
  --ds-color-text-link-hover: #424242;
  --ds-color-text-link-visited: #424242;
  --ds-color-text-placeholder: #686868;
  --ds-color-text-primary: #1d1d1d;
  --ds-color-text-secondary: #535353;
  --ds-color-text-success: #01683f;
  --ds-color-text-tertiary: #686868;
  --ds-color-text-warning: #674100;
  --ds-elevation-modal: 0 24px 48px -12px rgb(16 24 40 / 0.18);
  --ds-elevation-overlay: 0 4px 8px -2px rgb(16 24 40 / 0.10), 0 2px 4px -2px rgb(16 24 40 / 0.06);
  --ds-elevation-raised: 0 1px 3px 0 rgb(16 24 40 / 0.10), 0 1px 2px -1px rgb(16 24 40 / 0.06);
  --ds-elevation-sticky: 0 12px 16px -4px rgb(16 24 40 / 0.08), 0 4px 6px -2px rgb(16 24 40 / 0.03);
  --ds-field-bg: #ffffff;
  --ds-field-bg-disabled: #f7f7f7;
  --ds-field-bg-read-only: #f7f7f7;
  --ds-field-border-disabled: #e6e6e6;
  --ds-field-border-error: #b3261e;
  --ds-field-border-focus: #131313;
  --ds-field-help: #686868;
  --ds-field-label: #535353;
  --ds-field-text: #1d1d1d;
  --ds-field-text-disabled: #787878;
  --ds-field-text-error: #8a2620;
  --ds-field-text-placeholder: #686868;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ds-button-danger-bg: #e47d78;
    --ds-button-danger-bg-active: #f3d3d1;
    --ds-button-danger-bg-disabled: #2c2c2c;
    --ds-button-danger-bg-hover: #ecb1ae;
    --ds-button-danger-text: #131313;
    --ds-button-danger-text-disabled: #686868;
    --ds-button-primary-bg: #f7f7f7;
    --ds-button-primary-bg-active: #d6d6d6;
    --ds-button-primary-bg-disabled: #2c2c2c;
    --ds-button-primary-bg-hover: #e6e6e6;
    --ds-button-primary-text: #131313;
    --ds-button-primary-text-disabled: #686868;
    --ds-button-secondary-bg: #2c2c2c;
    --ds-button-secondary-bg-active: #535353;
    --ds-button-secondary-bg-disabled: #1d1d1d;
    --ds-button-secondary-bg-hover: #424242;
    --ds-button-secondary-border: #535353;
    --ds-button-secondary-text: #f2f2f2;
    --ds-button-secondary-text-disabled: #686868;
    --ds-button-tertiary-bg-active: #ffffff1f;
    --ds-button-tertiary-bg-hover: #ffffff14;
    --ds-button-tertiary-text: #f7f7f7;
    --ds-button-tertiary-text-disabled: #686868;
    --ds-color-action-danger-bg: #e47d78;
    --ds-color-action-danger-bg-active: #f3d3d1;
    --ds-color-action-danger-bg-disabled: #2c2c2c;
    --ds-color-action-danger-bg-hover: #ecb1ae;
    --ds-color-action-danger-text: #131313;
    --ds-color-action-primary-bg: #f7f7f7;
    --ds-color-action-primary-bg-active: #d6d6d6;
    --ds-color-action-primary-bg-disabled: #2c2c2c;
    --ds-color-action-primary-bg-hover: #e6e6e6;
    --ds-color-action-primary-text: #131313;
    --ds-color-action-secondary-bg: #2c2c2c;
    --ds-color-action-secondary-bg-active: #535353;
    --ds-color-action-secondary-bg-disabled: #1d1d1d;
    --ds-color-action-secondary-bg-hover: #424242;
    --ds-color-action-secondary-border: #535353;
    --ds-color-action-secondary-text: #f2f2f2;
    --ds-color-action-tertiary-bg-active: #ffffff1f;
    --ds-color-action-tertiary-bg-hover: #ffffff14;
    --ds-color-action-tertiary-text: #f7f7f7;
    --ds-color-bg-canvas: #131313;
    --ds-color-bg-inverse: #f2f2f2;
    --ds-color-bg-subtle: #1d1d1d;
    --ds-color-bg-sunken: #000000;
    --ds-color-border-accent: #f7f7f7;
    --ds-color-border-disabled: #2c2c2c;
    --ds-color-border-inverse: #d6d6d6;
    --ds-color-border-subtle: #2c2c2c;
    --ds-color-focus-ring: #f7f7f7;
    --ds-color-focus-ring-offset: #131313;
    --ds-color-icon-accent: #f7f7f7;
    --ds-color-icon-disabled: #535353;
    --ds-color-icon-inverse: #1d1d1d;
    --ds-color-icon-primary: #e6e6e6;
    --ds-color-icon-secondary: #ababab;
    --ds-color-overlay-scrim: #000000a3;
    --ds-color-overlay-skeleton: #2c2c2c;
    --ds-color-selected-bg: #1d1d1d;
    --ds-color-selected-border: #f7f7f7;
    --ds-color-selected-text: #f7f7f7;
    --ds-color-status-error-border: #651f1b;
    --ds-color-status-error-solid: #db332a;
    --ds-color-status-error-surface: #2d100f;
    --ds-color-status-error-text: #f3d3d1;
    --ds-color-status-info-border: #003972;
    --ds-color-status-info-solid: #2c75c8;
    --ds-color-status-info-surface: #081b32;
    --ds-color-status-info-text: #95c4ff;
    --ds-color-status-success-border: #004f2e;
    --ds-color-status-success-solid: #399767;
    --ds-color-status-success-surface: #072013;
    --ds-color-status-success-text: #91daaf;
    --ds-color-status-warning-border: #674100;
    --ds-color-status-warning-solid: #e69c2f;
    --ds-color-status-warning-surface: #281600;
    --ds-color-status-warning-text: #ffc67e;
    --ds-color-surface-accent-subtle: #1d1d1d;
    --ds-color-surface-default: #1d1d1d;
    --ds-color-surface-hover: #ffffff14;
    --ds-color-surface-inverse: #f2f2f2;
    --ds-color-surface-overlay: #2c2c2c;
    --ds-color-surface-pressed: #ffffff1f;
    --ds-color-surface-raised: #2c2c2c;
    --ds-color-surface-sunken: #131313;
    --ds-color-text-disabled: #686868;
    --ds-color-text-error: #ecb1ae;
    --ds-color-text-info: #67a9fa;
    --ds-color-text-inverse: #1d1d1d;
    --ds-color-text-link: #f7f7f7;
    --ds-color-text-link-hover: #e6e6e6;
    --ds-color-text-link-visited: #d6d6d6;
    --ds-color-text-placeholder: #ababab;
    --ds-color-text-primary: #f7f7f7;
    --ds-color-text-secondary: #d6d6d6;
    --ds-color-text-success: #71c495;
    --ds-color-text-tertiary: #ababab;
    --ds-color-text-warning: #f6b051;
    --ds-elevation-modal: 0 24px 48px -12px rgb(0 0 0 / 0.65);
    --ds-elevation-overlay: 0 4px 8px -2px rgb(0 0 0 / 0.45), 0 2px 4px -2px rgb(0 0 0 / 0.30);
    --ds-elevation-raised: 0 1px 3px 0 rgb(0 0 0 / 0.40), 0 1px 2px -1px rgb(0 0 0 / 0.30);
    --ds-elevation-sticky: 0 12px 16px -4px rgb(0 0 0 / 0.50), 0 4px 6px -2px rgb(0 0 0 / 0.30);
    --ds-field-bg: #1d1d1d;
    --ds-field-bg-disabled: #1d1d1d;
    --ds-field-bg-read-only: #1d1d1d;
    --ds-field-border-disabled: #2c2c2c;
    --ds-field-border-error: #db332a;
    --ds-field-border-focus: #f7f7f7;
    --ds-field-help: #ababab;
    --ds-field-label: #d6d6d6;
    --ds-field-text: #f7f7f7;
    --ds-field-text-disabled: #686868;
    --ds-field-text-error: #ecb1ae;
    --ds-field-text-placeholder: #ababab;
  }
}

[data-contrast="more"] {
  --ds-button-danger-bg: #461816;
  --ds-button-danger-bg-active: #2d100f;
  --ds-button-danger-bg-disabled: #d6d6d6;
  --ds-button-danger-bg-hover: #2d100f;
  --ds-button-danger-border: #000000;
  --ds-button-danger-text-disabled: #535353;
  --ds-button-primary-bg: #000000;
  --ds-button-primary-bg-active: #2c2c2c;
  --ds-button-primary-bg-disabled: #d6d6d6;
  --ds-button-primary-bg-hover: #1d1d1d;
  --ds-button-primary-border: #000000;
  --ds-button-primary-text-disabled: #535353;
  --ds-button-secondary-bg-active: #e6e6e6;
  --ds-button-secondary-bg-disabled: #f2f2f2;
  --ds-button-secondary-bg-hover: #f2f2f2;
  --ds-button-secondary-border: #000000;
  --ds-button-secondary-text: #000000;
  --ds-button-secondary-text-disabled: #535353;
  --ds-button-tertiary-bg-active: #0000001f;
  --ds-button-tertiary-bg-hover: #00000014;
  --ds-button-tertiary-border: #000000;
  --ds-button-tertiary-text: #000000;
  --ds-button-tertiary-text-disabled: #535353;
  --ds-color-action-danger-bg: #461816;
  --ds-color-action-danger-bg-active: #2d100f;
  --ds-color-action-danger-bg-disabled: #d6d6d6;
  --ds-color-action-danger-bg-hover: #2d100f;
  --ds-color-action-danger-border: #000000;
  --ds-color-action-primary-bg: #000000;
  --ds-color-action-primary-bg-active: #2c2c2c;
  --ds-color-action-primary-bg-disabled: #d6d6d6;
  --ds-color-action-primary-bg-hover: #1d1d1d;
  --ds-color-action-primary-border: #000000;
  --ds-color-action-secondary-bg-active: #e6e6e6;
  --ds-color-action-secondary-bg-disabled: #f2f2f2;
  --ds-color-action-secondary-bg-hover: #f2f2f2;
  --ds-color-action-secondary-border: #000000;
  --ds-color-action-secondary-text: #000000;
  --ds-color-action-tertiary-bg-active: #0000001f;
  --ds-color-action-tertiary-bg-hover: #00000014;
  --ds-color-action-tertiary-border: #000000;
  --ds-color-action-tertiary-text: #000000;
  --ds-color-bg-inverse: #000000;
  --ds-color-bg-subtle: #ffffff;
  --ds-color-border-accent: #000000;
  --ds-color-border-default: #1d1d1d;
  --ds-color-border-disabled: #ababab;
  --ds-color-border-inverse: #ffffff;
  --ds-color-border-strong: #000000;
  --ds-color-border-subtle: #424242;
  --ds-color-focus-ring: #000000;
  --ds-color-icon-accent: #000000;
  --ds-color-icon-disabled: #535353;
  --ds-color-icon-primary: #000000;
  --ds-color-icon-secondary: #2c2c2c;
  --ds-color-overlay-scrim: #000000a3;
  --ds-color-overlay-skeleton: #e6e6e6;
  --ds-color-selected-border: #000000;
  --ds-color-selected-text: #000000;
  --ds-color-status-error-border: #461816;
  --ds-color-status-error-solid: #461816;
  --ds-color-status-error-surface: #f9ebeb;
  --ds-color-status-error-text: #2d100f;
  --ds-color-status-info-border: #002956;
  --ds-color-status-info-solid: #002956;
  --ds-color-status-info-surface: #c4deff;
  --ds-color-status-info-text: #081b32;
  --ds-color-status-success-border: #00381f;
  --ds-color-status-success-solid: #00381f;
  --ds-color-status-success-surface: #b4efcb;
  --ds-color-status-success-text: #072013;
  --ds-color-status-warning-border: #462b00;
  --ds-color-status-warning-solid: #674100;
  --ds-color-status-warning-surface: #ffdeb7;
  --ds-color-status-warning-text: #281600;
  --ds-color-surface-hover: #00000014;
  --ds-color-surface-inverse: #000000;
  --ds-color-surface-pressed: #0000001f;
  --ds-color-surface-sunken: #f2f2f2;
  --ds-color-text-disabled: #535353;
  --ds-color-text-error: #461816;
  --ds-color-text-info: #002956;
  --ds-color-text-link: #000000;
  --ds-color-text-link-hover: #1d1d1d;
  --ds-color-text-link-visited: #1d1d1d;
  --ds-color-text-placeholder: #424242;
  --ds-color-text-primary: #000000;
  --ds-color-text-secondary: #1d1d1d;
  --ds-color-text-success: #00381f;
  --ds-color-text-tertiary: #2c2c2c;
  --ds-color-text-warning: #281600;
  --ds-elevation-modal: none;
  --ds-elevation-overlay: none;
  --ds-elevation-raised: none;
  --ds-elevation-sticky: none;
  --ds-field-bg-disabled: #ffffff;
  --ds-field-bg-read-only: #ffffff;
  --ds-field-border: #1d1d1d;
  --ds-field-border-disabled: #ababab;
  --ds-field-border-error: #461816;
  --ds-field-border-focus: #000000;
  --ds-field-border-hover: #000000;
  --ds-field-help: #2c2c2c;
  --ds-field-label: #1d1d1d;
  --ds-field-text: #000000;
  --ds-field-text-disabled: #535353;
  --ds-field-text-error: #461816;
  --ds-field-text-placeholder: #424242;
}

[data-contrast="more"][data-theme="dark"] {
  --ds-button-danger-bg: #f3d3d1;
  --ds-button-danger-bg-active: #ffffff;
  --ds-button-danger-bg-disabled: #424242;
  --ds-button-danger-bg-hover: #f9ebeb;
  --ds-button-danger-border: #ffffff;
  --ds-button-danger-text: #000000;
  --ds-button-danger-text-disabled: #ababab;
  --ds-button-primary-bg: #ffffff;
  --ds-button-primary-bg-active: #e6e6e6;
  --ds-button-primary-bg-disabled: #424242;
  --ds-button-primary-bg-hover: #f2f2f2;
  --ds-button-primary-border: #ffffff;
  --ds-button-primary-text: #000000;
  --ds-button-primary-text-disabled: #ababab;
  --ds-button-secondary-bg: #000000;
  --ds-button-secondary-bg-active: #2c2c2c;
  --ds-button-secondary-bg-disabled: #1d1d1d;
  --ds-button-secondary-bg-hover: #1d1d1d;
  --ds-button-secondary-border: #ffffff;
  --ds-button-secondary-text: #ffffff;
  --ds-button-secondary-text-disabled: #ababab;
  --ds-button-tertiary-bg-active: #ffffff3d;
  --ds-button-tertiary-bg-hover: #ffffff1f;
  --ds-button-tertiary-border: #ffffff;
  --ds-button-tertiary-text: #ffffff;
  --ds-button-tertiary-text-disabled: #ababab;
  --ds-color-action-danger-bg: #f3d3d1;
  --ds-color-action-danger-bg-active: #ffffff;
  --ds-color-action-danger-bg-disabled: #424242;
  --ds-color-action-danger-bg-hover: #f9ebeb;
  --ds-color-action-danger-border: #ffffff;
  --ds-color-action-danger-text: #000000;
  --ds-color-action-primary-bg: #ffffff;
  --ds-color-action-primary-bg-active: #e6e6e6;
  --ds-color-action-primary-bg-disabled: #424242;
  --ds-color-action-primary-bg-hover: #f2f2f2;
  --ds-color-action-primary-border: #ffffff;
  --ds-color-action-primary-text: #000000;
  --ds-color-action-secondary-bg: #000000;
  --ds-color-action-secondary-bg-active: #2c2c2c;
  --ds-color-action-secondary-bg-disabled: #1d1d1d;
  --ds-color-action-secondary-bg-hover: #1d1d1d;
  --ds-color-action-secondary-border: #ffffff;
  --ds-color-action-secondary-text: #ffffff;
  --ds-color-action-tertiary-bg-active: #ffffff3d;
  --ds-color-action-tertiary-bg-hover: #ffffff1f;
  --ds-color-action-tertiary-border: #ffffff;
  --ds-color-action-tertiary-text: #ffffff;
  --ds-color-bg-canvas: #000000;
  --ds-color-bg-inverse: #ffffff;
  --ds-color-bg-subtle: #000000;
  --ds-color-bg-sunken: #000000;
  --ds-color-border-accent: #ffffff;
  --ds-color-border-default: #f2f2f2;
  --ds-color-border-disabled: #535353;
  --ds-color-border-inverse: #000000;
  --ds-color-border-strong: #ffffff;
  --ds-color-border-subtle: #d6d6d6;
  --ds-color-focus-ring: #ffffff;
  --ds-color-focus-ring-offset: #000000;
  --ds-color-icon-accent: #ffffff;
  --ds-color-icon-inverse: #000000;
  --ds-color-icon-primary: #ffffff;
  --ds-color-icon-secondary: #e6e6e6;
  --ds-color-overlay-scrim: #000000a3;
  --ds-color-overlay-skeleton: #2c2c2c;
  --ds-color-selected-bg: #131313;
  --ds-color-selected-border: #ffffff;
  --ds-color-selected-text: #ffffff;
  --ds-color-status-error-border: #f3d3d1;
  --ds-color-status-error-solid: #f3d3d1;
  --ds-color-status-error-surface: #000000;
  --ds-color-status-error-text: #f9ebeb;
  --ds-color-status-info-border: #95c4ff;
  --ds-color-status-info-solid: #95c4ff;
  --ds-color-status-info-surface: #000000;
  --ds-color-status-info-text: #c4deff;
  --ds-color-status-success-border: #91daaf;
  --ds-color-status-success-solid: #91daaf;
  --ds-color-status-success-surface: #000000;
  --ds-color-status-success-text: #b4efcb;
  --ds-color-status-warning-border: #ffc67e;
  --ds-color-status-warning-solid: #ffc67e;
  --ds-color-status-warning-surface: #000000;
  --ds-color-status-warning-text: #ffdeb7;
  --ds-color-surface-accent-subtle: #131313;
  --ds-color-surface-default: #000000;
  --ds-color-surface-hover: #ffffff1f;
  --ds-color-surface-inverse: #ffffff;
  --ds-color-surface-overlay: #000000;
  --ds-color-surface-pressed: #ffffff3d;
  --ds-color-surface-raised: #000000;
  --ds-color-surface-sunken: #000000;
  --ds-color-text-disabled: #ababab;
  --ds-color-text-error: #f3d3d1;
  --ds-color-text-info: #95c4ff;
  --ds-color-text-inverse: #000000;
  --ds-color-text-link: #ffffff;
  --ds-color-text-link-hover: #f2f2f2;
  --ds-color-text-link-visited: #e6e6e6;
  --ds-color-text-on-accent: #000000;
  --ds-color-text-placeholder: #d6d6d6;
  --ds-color-text-primary: #ffffff;
  --ds-color-text-secondary: #f2f2f2;
  --ds-color-text-success: #91daaf;
  --ds-color-text-tertiary: #e6e6e6;
  --ds-color-text-warning: #ffc67e;
  --ds-elevation-modal: none;
  --ds-elevation-overlay: none;
  --ds-elevation-raised: none;
  --ds-elevation-sticky: none;
  --ds-field-bg: #000000;
  --ds-field-bg-disabled: #000000;
  --ds-field-bg-read-only: #000000;
  --ds-field-border: #f2f2f2;
  --ds-field-border-disabled: #535353;
  --ds-field-border-error: #f3d3d1;
  --ds-field-border-focus: #ffffff;
  --ds-field-border-hover: #ffffff;
  --ds-field-help: #e6e6e6;
  --ds-field-label: #f2f2f2;
  --ds-field-text: #ffffff;
  --ds-field-text-disabled: #ababab;
  --ds-field-text-error: #f3d3d1;
  --ds-field-text-placeholder: #d6d6d6;
}

@media (prefers-contrast: more) {
  :root:not([data-contrast="less"]):not([data-theme="dark"]) {
    --ds-button-danger-bg: #461816;
    --ds-button-danger-bg-active: #2d100f;
    --ds-button-danger-bg-disabled: #d6d6d6;
    --ds-button-danger-bg-hover: #2d100f;
    --ds-button-danger-border: #000000;
    --ds-button-danger-text-disabled: #535353;
    --ds-button-primary-bg: #000000;
    --ds-button-primary-bg-active: #2c2c2c;
    --ds-button-primary-bg-disabled: #d6d6d6;
    --ds-button-primary-bg-hover: #1d1d1d;
    --ds-button-primary-border: #000000;
    --ds-button-primary-text-disabled: #535353;
    --ds-button-secondary-bg-active: #e6e6e6;
    --ds-button-secondary-bg-disabled: #f2f2f2;
    --ds-button-secondary-bg-hover: #f2f2f2;
    --ds-button-secondary-border: #000000;
    --ds-button-secondary-text: #000000;
    --ds-button-secondary-text-disabled: #535353;
    --ds-button-tertiary-bg-active: #0000001f;
    --ds-button-tertiary-bg-hover: #00000014;
    --ds-button-tertiary-border: #000000;
    --ds-button-tertiary-text: #000000;
    --ds-button-tertiary-text-disabled: #535353;
    --ds-color-action-danger-bg: #461816;
    --ds-color-action-danger-bg-active: #2d100f;
    --ds-color-action-danger-bg-disabled: #d6d6d6;
    --ds-color-action-danger-bg-hover: #2d100f;
    --ds-color-action-danger-border: #000000;
    --ds-color-action-primary-bg: #000000;
    --ds-color-action-primary-bg-active: #2c2c2c;
    --ds-color-action-primary-bg-disabled: #d6d6d6;
    --ds-color-action-primary-bg-hover: #1d1d1d;
    --ds-color-action-primary-border: #000000;
    --ds-color-action-secondary-bg-active: #e6e6e6;
    --ds-color-action-secondary-bg-disabled: #f2f2f2;
    --ds-color-action-secondary-bg-hover: #f2f2f2;
    --ds-color-action-secondary-border: #000000;
    --ds-color-action-secondary-text: #000000;
    --ds-color-action-tertiary-bg-active: #0000001f;
    --ds-color-action-tertiary-bg-hover: #00000014;
    --ds-color-action-tertiary-border: #000000;
    --ds-color-action-tertiary-text: #000000;
    --ds-color-bg-inverse: #000000;
    --ds-color-bg-subtle: #ffffff;
    --ds-color-border-accent: #000000;
    --ds-color-border-default: #1d1d1d;
    --ds-color-border-disabled: #ababab;
    --ds-color-border-inverse: #ffffff;
    --ds-color-border-strong: #000000;
    --ds-color-border-subtle: #424242;
    --ds-color-focus-ring: #000000;
    --ds-color-icon-accent: #000000;
    --ds-color-icon-disabled: #535353;
    --ds-color-icon-primary: #000000;
    --ds-color-icon-secondary: #2c2c2c;
    --ds-color-overlay-scrim: #000000a3;
    --ds-color-overlay-skeleton: #e6e6e6;
    --ds-color-selected-border: #000000;
    --ds-color-selected-text: #000000;
    --ds-color-status-error-border: #461816;
    --ds-color-status-error-solid: #461816;
    --ds-color-status-error-surface: #f9ebeb;
    --ds-color-status-error-text: #2d100f;
    --ds-color-status-info-border: #002956;
    --ds-color-status-info-solid: #002956;
    --ds-color-status-info-surface: #c4deff;
    --ds-color-status-info-text: #081b32;
    --ds-color-status-success-border: #00381f;
    --ds-color-status-success-solid: #00381f;
    --ds-color-status-success-surface: #b4efcb;
    --ds-color-status-success-text: #072013;
    --ds-color-status-warning-border: #462b00;
    --ds-color-status-warning-solid: #674100;
    --ds-color-status-warning-surface: #ffdeb7;
    --ds-color-status-warning-text: #281600;
    --ds-color-surface-hover: #00000014;
    --ds-color-surface-inverse: #000000;
    --ds-color-surface-pressed: #0000001f;
    --ds-color-surface-sunken: #f2f2f2;
    --ds-color-text-disabled: #535353;
    --ds-color-text-error: #461816;
    --ds-color-text-info: #002956;
    --ds-color-text-link: #000000;
    --ds-color-text-link-hover: #1d1d1d;
    --ds-color-text-link-visited: #1d1d1d;
    --ds-color-text-placeholder: #424242;
    --ds-color-text-primary: #000000;
    --ds-color-text-secondary: #1d1d1d;
    --ds-color-text-success: #00381f;
    --ds-color-text-tertiary: #2c2c2c;
    --ds-color-text-warning: #281600;
    --ds-elevation-modal: none;
    --ds-elevation-overlay: none;
    --ds-elevation-raised: none;
    --ds-elevation-sticky: none;
    --ds-field-bg-disabled: #ffffff;
    --ds-field-bg-read-only: #ffffff;
    --ds-field-border: #1d1d1d;
    --ds-field-border-disabled: #ababab;
    --ds-field-border-error: #461816;
    --ds-field-border-focus: #000000;
    --ds-field-border-hover: #000000;
    --ds-field-help: #2c2c2c;
    --ds-field-label: #1d1d1d;
    --ds-field-text: #000000;
    --ds-field-text-disabled: #535353;
    --ds-field-text-error: #461816;
    --ds-field-text-placeholder: #424242;
  }
  :root:not([data-contrast="less"])[data-theme="dark"] {
    --ds-button-danger-bg: #f3d3d1;
    --ds-button-danger-bg-active: #ffffff;
    --ds-button-danger-bg-disabled: #424242;
    --ds-button-danger-bg-hover: #f9ebeb;
    --ds-button-danger-border: #ffffff;
    --ds-button-danger-text: #000000;
    --ds-button-danger-text-disabled: #ababab;
    --ds-button-primary-bg: #ffffff;
    --ds-button-primary-bg-active: #e6e6e6;
    --ds-button-primary-bg-disabled: #424242;
    --ds-button-primary-bg-hover: #f2f2f2;
    --ds-button-primary-border: #ffffff;
    --ds-button-primary-text: #000000;
    --ds-button-primary-text-disabled: #ababab;
    --ds-button-secondary-bg: #000000;
    --ds-button-secondary-bg-active: #2c2c2c;
    --ds-button-secondary-bg-disabled: #1d1d1d;
    --ds-button-secondary-bg-hover: #1d1d1d;
    --ds-button-secondary-border: #ffffff;
    --ds-button-secondary-text: #ffffff;
    --ds-button-secondary-text-disabled: #ababab;
    --ds-button-tertiary-bg-active: #ffffff3d;
    --ds-button-tertiary-bg-hover: #ffffff1f;
    --ds-button-tertiary-border: #ffffff;
    --ds-button-tertiary-text: #ffffff;
    --ds-button-tertiary-text-disabled: #ababab;
    --ds-color-action-danger-bg: #f3d3d1;
    --ds-color-action-danger-bg-active: #ffffff;
    --ds-color-action-danger-bg-disabled: #424242;
    --ds-color-action-danger-bg-hover: #f9ebeb;
    --ds-color-action-danger-border: #ffffff;
    --ds-color-action-danger-text: #000000;
    --ds-color-action-primary-bg: #ffffff;
    --ds-color-action-primary-bg-active: #e6e6e6;
    --ds-color-action-primary-bg-disabled: #424242;
    --ds-color-action-primary-bg-hover: #f2f2f2;
    --ds-color-action-primary-border: #ffffff;
    --ds-color-action-primary-text: #000000;
    --ds-color-action-secondary-bg: #000000;
    --ds-color-action-secondary-bg-active: #2c2c2c;
    --ds-color-action-secondary-bg-disabled: #1d1d1d;
    --ds-color-action-secondary-bg-hover: #1d1d1d;
    --ds-color-action-secondary-border: #ffffff;
    --ds-color-action-secondary-text: #ffffff;
    --ds-color-action-tertiary-bg-active: #ffffff3d;
    --ds-color-action-tertiary-bg-hover: #ffffff1f;
    --ds-color-action-tertiary-border: #ffffff;
    --ds-color-action-tertiary-text: #ffffff;
    --ds-color-bg-canvas: #000000;
    --ds-color-bg-inverse: #ffffff;
    --ds-color-bg-subtle: #000000;
    --ds-color-bg-sunken: #000000;
    --ds-color-border-accent: #ffffff;
    --ds-color-border-default: #f2f2f2;
    --ds-color-border-disabled: #535353;
    --ds-color-border-inverse: #000000;
    --ds-color-border-strong: #ffffff;
    --ds-color-border-subtle: #d6d6d6;
    --ds-color-focus-ring: #ffffff;
    --ds-color-focus-ring-offset: #000000;
    --ds-color-icon-accent: #ffffff;
    --ds-color-icon-inverse: #000000;
    --ds-color-icon-primary: #ffffff;
    --ds-color-icon-secondary: #e6e6e6;
    --ds-color-overlay-scrim: #000000a3;
    --ds-color-overlay-skeleton: #2c2c2c;
    --ds-color-selected-bg: #131313;
    --ds-color-selected-border: #ffffff;
    --ds-color-selected-text: #ffffff;
    --ds-color-status-error-border: #f3d3d1;
    --ds-color-status-error-solid: #f3d3d1;
    --ds-color-status-error-surface: #000000;
    --ds-color-status-error-text: #f9ebeb;
    --ds-color-status-info-border: #95c4ff;
    --ds-color-status-info-solid: #95c4ff;
    --ds-color-status-info-surface: #000000;
    --ds-color-status-info-text: #c4deff;
    --ds-color-status-success-border: #91daaf;
    --ds-color-status-success-solid: #91daaf;
    --ds-color-status-success-surface: #000000;
    --ds-color-status-success-text: #b4efcb;
    --ds-color-status-warning-border: #ffc67e;
    --ds-color-status-warning-solid: #ffc67e;
    --ds-color-status-warning-surface: #000000;
    --ds-color-status-warning-text: #ffdeb7;
    --ds-color-surface-accent-subtle: #131313;
    --ds-color-surface-default: #000000;
    --ds-color-surface-hover: #ffffff1f;
    --ds-color-surface-inverse: #ffffff;
    --ds-color-surface-overlay: #000000;
    --ds-color-surface-pressed: #ffffff3d;
    --ds-color-surface-raised: #000000;
    --ds-color-surface-sunken: #000000;
    --ds-color-text-disabled: #ababab;
    --ds-color-text-error: #f3d3d1;
    --ds-color-text-info: #95c4ff;
    --ds-color-text-inverse: #000000;
    --ds-color-text-link: #ffffff;
    --ds-color-text-link-hover: #f2f2f2;
    --ds-color-text-link-visited: #e6e6e6;
    --ds-color-text-on-accent: #000000;
    --ds-color-text-placeholder: #d6d6d6;
    --ds-color-text-primary: #ffffff;
    --ds-color-text-secondary: #f2f2f2;
    --ds-color-text-success: #91daaf;
    --ds-color-text-tertiary: #e6e6e6;
    --ds-color-text-warning: #ffc67e;
    --ds-elevation-modal: none;
    --ds-elevation-overlay: none;
    --ds-elevation-raised: none;
    --ds-elevation-sticky: none;
    --ds-field-bg: #000000;
    --ds-field-bg-disabled: #000000;
    --ds-field-bg-read-only: #000000;
    --ds-field-border: #f2f2f2;
    --ds-field-border-disabled: #535353;
    --ds-field-border-error: #f3d3d1;
    --ds-field-border-focus: #ffffff;
    --ds-field-border-hover: #ffffff;
    --ds-field-help: #e6e6e6;
    --ds-field-label: #f2f2f2;
    --ds-field-text: #ffffff;
    --ds-field-text-disabled: #ababab;
    --ds-field-text-error: #f3d3d1;
    --ds-field-text-placeholder: #d6d6d6;
  }
}

/* Forced-colors (Windows High Contrast) hands colour to the OS. We keep
   structure tokens and let system colours through untouched. */
@media (forced-colors: active) {
  :root {
    --ds-color-focus-ring: Highlight;
    --ds-color-border-default: CanvasText;
  }
}