/* Generated by ds build — edit tokens/*.json, not this file. */

:root {
  color-scheme: light dark;
  --color-gray-0: #ffffff;
  --color-gray-50: #f8fafc;
  --color-gray-100: #f1f5f9;
  --color-gray-200: #e2e8f0;
  --color-gray-300: #cbd5e1;
  --color-gray-400: #94a3b8;
  --color-gray-500: #64748b;
  --color-gray-600: #475569;
  --color-gray-700: #334155;
  --color-gray-800: #1e293b;
  --color-gray-900: #0f172a;
  --color-gray-950: #020617;
  --color-gray-1000: #000000;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bfdbfe;
  --color-blue-300: #93c5fd;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-blue-600: #2563eb;
  --color-blue-700: #1d4ed8;
  --color-blue-800: #1e40af;
  --color-blue-900: #1e3a8a;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-400: #4ade80;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-400: #fbbf24;
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-alpha-scrim-light: #0f172a99;
  --color-alpha-scrim-dark: #020617cc;
  --color-alpha-transparent: #00000000;
  --color-alpha-shadow: #0f172a1f;
  --color-alpha-shadow-strong: #0f172a33;
  --color-bg-canvas: var(--color-gray-0);
  --color-bg-surface: var(--color-gray-0);
  --color-bg-subtle: var(--color-gray-50);
  --color-bg-muted: var(--color-gray-100);
  --color-bg-raised: var(--color-gray-0);
  --color-bg-inverse: var(--color-gray-900);
  --color-bg-overlay: var(--color-alpha-scrim-light);
  --color-text-default: var(--color-gray-900);
  --color-text-muted: var(--color-gray-600);
  --color-text-subtle: var(--color-gray-500);
  --color-text-disabled: var(--color-gray-400);
  --color-text-inverse: var(--color-gray-0);
  --color-text-link: var(--color-teal-700);
  --color-text-link-visited: var(--color-blue-900);
  --color-border-subtle: var(--color-gray-100);
  --color-border-default: var(--color-gray-200);
  --color-border-strong: var(--color-gray-500);
  --color-border-focus: var(--color-teal-500);
  --color-border-invalid: var(--color-red-600);
  --color-action-primary-bg: var(--color-teal-700);
  --color-action-primary-bg-hover: var(--color-teal-800);
  --color-action-primary-bg-active: var(--color-teal-900);
  --color-action-primary-fg: var(--color-gray-0);
  --color-action-secondary-bg: var(--color-gray-0);
  --color-action-secondary-bg-hover: var(--color-gray-100);
  --color-action-secondary-bg-active: var(--color-gray-200);
  --color-action-secondary-fg: var(--color-gray-900);
  --color-action-secondary-border: var(--color-gray-300);
  --color-action-ghost-bg: var(--color-alpha-transparent);
  --color-action-ghost-bg-hover: var(--color-gray-100);
  --color-action-ghost-bg-active: var(--color-gray-200);
  --color-action-ghost-fg: var(--color-gray-900);
  --color-action-danger-bg: var(--color-red-600);
  --color-action-danger-bg-hover: var(--color-red-700);
  --color-action-danger-bg-active: var(--color-red-800);
  --color-action-danger-fg: var(--color-gray-0);
  --color-selected-bg: var(--color-teal-50);
  --color-selected-fg: var(--color-teal-700);
  --color-selected-border: var(--color-teal-700);
  --color-feedback-info-bg: var(--color-blue-50);
  --color-feedback-info-fg: var(--color-blue-800);
  --color-feedback-info-border: var(--color-blue-200);
  --color-feedback-info-icon: var(--color-blue-600);
  --color-feedback-success-bg: var(--color-green-50);
  --color-feedback-success-fg: var(--color-green-900);
  --color-feedback-success-border: var(--color-green-200);
  --color-feedback-success-icon: var(--color-green-700);
  --color-feedback-warning-bg: var(--color-amber-50);
  --color-feedback-warning-fg: var(--color-amber-900);
  --color-feedback-warning-border: var(--color-amber-200);
  --color-feedback-warning-icon: var(--color-amber-700);
  --color-feedback-danger-bg: var(--color-red-50);
  --color-feedback-danger-fg: var(--color-red-900);
  --color-feedback-danger-border: var(--color-red-200);
  --color-feedback-danger-icon: var(--color-red-600);
  --color-elevation-surface-sunken: var(--color-gray-50);
  --color-elevation-surface-default: var(--color-bg-surface);
  --color-elevation-surface-raised: var(--color-gray-0);
  --color-elevation-surface-overlay: var(--color-gray-0);
  --color-highlight-bg: var(--color-amber-100);
  --color-highlight-fg: var(--color-gray-900);
  --color-highlight-current: var(--color-amber-400);
  --color-teal-50: oklch(0.971 0.0069 186.39);
  --color-teal-100: oklch(0.936 0.0155 186.39);
  --color-teal-200: oklch(0.885 0.0301 186.39);
  --color-teal-300: oklch(0.808 0.0516 186.39);
  --color-teal-400: oklch(0.704 0.0731 186.39);
  --color-teal-500: oklch(0.639 0.0861 186.39);
  --color-teal-600: oklch(0.581 0.0861 186.39);
  --color-teal-700: #0f766e;
  --color-teal-800: oklch(0.448 0.0645 186.39);
  --color-teal-900: oklch(0.398 0.0516 186.39);
  --color-teal-950: oklch(0.258 0.0387 186.39);
  --font-family-sans: "Inter", system-ui, -apple-system, sans-serif;
  --font-family-serif: "Georgia", serif;
  --font-family-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-line-height-tight: 1.2;
  --font-line-height-snug: 1.35;
  --font-line-height-normal: 1.5;
  --font-line-height-relaxed: 1.7;
  --font-tracking-tight: -0.02em;
  --font-tracking-normal: 0em;
  --font-tracking-wide: 0.06em;
  --space-0: 0rem;
  --space-px: 0.0625rem;
  --space-0-5: 0.125rem;
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;
  --radius-none: 0rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;
  --border-width-thin: 1px;
  --border-width-thick: 2px;
  --shadow-sm: 0px 1px 2px 0px var(--color-alpha-shadow);
  --shadow-md: 0px 4px 8px -2px var(--color-alpha-shadow), 0px 2px 4px -2px var(--color-alpha-shadow);
  --shadow-lg: 0px 12px 24px -6px var(--color-alpha-shadow-strong);
  --shadow-xl: 0px 24px 48px -12px var(--color-alpha-shadow-strong);
  --motion-duration-instant: 0ms;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 320ms;
  --motion-duration-slower: 500ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --motion-easing-emphasized: cubic-bezier(0.3, 0, 0, 1);
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 1100;
  --z-fixed: 1200;
  --z-overlay: 1300;
  --z-modal: 1400;
  --z-dropdown: 1500;
  --z-popover: 1500;
  --z-toast: 1600;
  --z-tooltip: 1700;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
  --opacity-disabled: 0.5;
  --opacity-hover-overlay: 0.08;
  --opacity-pressed-overlay: 0.12;
  --opacity-state-hover: 0.08;
  --opacity-state-focus: 0.1;
  --opacity-state-pressed: 0.1;
  --opacity-state-dragged: 0.16;
  --typography-display-font-family: var(--font-family-sans);
  --typography-display-font-size: var(--font-size-5xl);
  --typography-display-font-weight: var(--font-weight-bold);
  --typography-display-line-height: var(--font-line-height-tight);
  --typography-h1-font-family: var(--font-family-sans);
  --typography-h1-font-size: var(--font-size-4xl);
  --typography-h1-font-weight: var(--font-weight-bold);
  --typography-h1-line-height: var(--font-line-height-tight);
  --typography-h2-font-family: var(--font-family-sans);
  --typography-h2-font-size: var(--font-size-3xl);
  --typography-h2-font-weight: var(--font-weight-semibold);
  --typography-h2-line-height: var(--font-line-height-tight);
  --typography-h3-font-family: var(--font-family-sans);
  --typography-h3-font-size: var(--font-size-2xl);
  --typography-h3-font-weight: var(--font-weight-semibold);
  --typography-h3-line-height: var(--font-line-height-snug);
  --typography-h4-font-family: var(--font-family-sans);
  --typography-h4-font-size: var(--font-size-xl);
  --typography-h4-font-weight: var(--font-weight-semibold);
  --typography-h4-line-height: var(--font-line-height-snug);
  --typography-h5-font-family: var(--font-family-sans);
  --typography-h5-font-size: var(--font-size-lg);
  --typography-h5-font-weight: var(--font-weight-semibold);
  --typography-h5-line-height: var(--font-line-height-snug);
  --typography-h6-font-family: var(--font-family-sans);
  --typography-h6-font-size: var(--font-size-md);
  --typography-h6-font-weight: var(--font-weight-semibold);
  --typography-h6-line-height: var(--font-line-height-snug);
  --typography-lead-font-family: var(--font-family-sans);
  --typography-lead-font-size: var(--font-size-lg);
  --typography-lead-font-weight: var(--font-weight-regular);
  --typography-lead-line-height: var(--font-line-height-relaxed);
  --typography-body-font-family: var(--font-family-sans);
  --typography-body-font-size: var(--font-size-md);
  --typography-body-font-weight: var(--font-weight-regular);
  --typography-body-line-height: var(--font-line-height-normal);
  --typography-small-font-family: var(--font-family-sans);
  --typography-small-font-size: var(--font-size-sm);
  --typography-small-font-weight: var(--font-weight-regular);
  --typography-small-line-height: var(--font-line-height-normal);
  --typography-caption-font-family: var(--font-family-sans);
  --typography-caption-font-size: var(--font-size-xs);
  --typography-caption-font-weight: var(--font-weight-medium);
  --typography-caption-line-height: var(--font-line-height-normal);
  --typography-code-font-family: var(--font-family-mono);
  --typography-code-font-size: var(--font-size-sm);
  --typography-code-font-weight: var(--font-weight-regular);
  --typography-code-line-height: var(--font-line-height-normal);
  --typography-display-lg-font-family: var(--font-family-sans);
  --typography-display-lg-font-size: var(--font-size-7xl);
  --typography-display-lg-font-weight: var(--font-weight-bold);
  --typography-display-lg-line-height: var(--font-line-height-tight);
  --size-control-sm: 2rem;
  --size-control-md: 2.5rem;
  --size-control-lg: 3rem;
  --size-touch-target: 2.75rem;
  --size-container-sm: 40rem;
  --size-container-md: 48rem;
  --size-container-lg: 64rem;
  --size-container-xl: 80rem;
  --size-measure: 65ch;
  --size-sticky-offset: 4rem;
  --size-sheet-peek: 96px;
  --size-swipe-action: 80px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --focus-ring-color: var(--color-border-focus);
  --density-comfortable-control-padding-x: var(--space-4);
  --density-comfortable-cell-padding-y: var(--space-3);
  --density-compact-control-padding-x: var(--space-3);
  --density-compact-cell-padding-y: var(--space-1-5);
  --density-spacious-control-padding-x: var(--space-5);
  --density-spacious-cell-padding-y: var(--space-4);
  --icon-size-sm: 1rem;
  --icon-size-md: 1.25rem;
  --icon-size-lg: 1.5rem;
  --icon-stroke: 1.5;
  --dataviz-categorical-1: #0072b2;
  --dataviz-categorical-2: #e69f00;
  --dataviz-categorical-3: #009e73;
  --dataviz-categorical-4: #cc79a7;
  --dataviz-categorical-5: #56b4e9;
  --dataviz-categorical-6: #d55e00;
  --dataviz-categorical-7: #8c6d00;
  --dataviz-categorical-8: #5c5c5c;
  --dataviz-sequential-1: var(--color-blue-100);
  --dataviz-sequential-2: var(--color-blue-300);
  --dataviz-sequential-3: var(--color-blue-500);
  --dataviz-sequential-4: var(--color-blue-700);
  --dataviz-sequential-5: var(--color-blue-900);
  --dataviz-diverging-neg: var(--color-red-600);
  --dataviz-diverging-mid: var(--color-gray-200);
  --dataviz-diverging-pos: var(--color-blue-600);
  --section-padding-block-sm: clamp(2.5rem, 6vw, 4rem);
  --section-padding-block-md: clamp(3.5rem, 9vw, 6rem);
  --section-padding-block-lg: clamp(4.5rem, 12vw, 8rem);
  --section-gap: clamp(2rem, 5vw, 4rem);
  --section-max-inline: var(--size-container-xl);
  --elevation-raised: var(--shadow-md);
  --elevation-overlay: var(--shadow-xl);
  --button-radius: var(--radius-md);
  --button-height-sm: var(--size-control-sm);
  --button-height-md: var(--size-control-md);
  --button-height-lg: var(--size-control-lg);
  --button-font-weight: var(--font-weight-semibold);
  --input-radius: var(--radius-md);
  --input-border: var(--color-border-strong);
  --input-bg: var(--color-bg-surface);
  --card-radius: var(--radius-lg);
  --card-shadow: var(--shadow-sm);
  --card-padding: var(--space-6);
  --overlay-radius: var(--radius-lg);
  --overlay-shadow: var(--shadow-xl);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  color-scheme: dark;
  --color-bg-canvas: var(--color-gray-950);
  --color-bg-surface: var(--color-gray-900);
  --color-bg-subtle: var(--color-gray-800);
  --color-bg-muted: var(--color-gray-800);
  --color-bg-raised: var(--color-gray-800);
  --color-bg-inverse: var(--color-gray-50);
  --color-bg-overlay: var(--color-alpha-scrim-dark);
  --color-text-default: var(--color-gray-50);
  --color-text-muted: var(--color-gray-300);
  --color-text-subtle: var(--color-gray-400);
  --color-text-disabled: var(--color-gray-600);
  --color-text-inverse: var(--color-gray-900);
  --color-text-link: var(--color-teal-400);
  --color-text-link-visited: var(--color-blue-200);
  --color-border-subtle: var(--color-gray-800);
  --color-border-default: var(--color-gray-700);
  --color-border-strong: var(--color-gray-500);
  --color-border-focus: var(--color-teal-400);
  --color-border-invalid: var(--color-red-400);
  --color-action-primary-bg: var(--color-teal-500);
  --color-action-primary-bg-hover: var(--color-teal-400);
  --color-action-primary-bg-active: var(--color-teal-300);
  --color-action-primary-fg: var(--color-gray-950);
  --color-action-secondary-bg: var(--color-gray-900);
  --color-action-secondary-bg-hover: var(--color-gray-800);
  --color-action-secondary-bg-active: var(--color-gray-700);
  --color-action-secondary-fg: var(--color-gray-50);
  --color-action-secondary-border: var(--color-gray-600);
  --color-action-ghost-bg-hover: var(--color-gray-800);
  --color-action-ghost-bg-active: var(--color-gray-700);
  --color-action-ghost-fg: var(--color-gray-50);
  --color-action-danger-bg: var(--color-red-500);
  --color-action-danger-bg-hover: var(--color-red-400);
  --color-action-danger-bg-active: var(--color-red-200);
  --color-action-danger-fg: var(--color-gray-950);
  --color-selected-bg: var(--color-teal-900);
  --color-selected-fg: var(--color-teal-100);
  --color-selected-border: var(--color-teal-400);
  --color-feedback-info-bg: var(--color-blue-900);
  --color-feedback-info-fg: var(--color-blue-100);
  --color-feedback-info-border: var(--color-blue-700);
  --color-feedback-info-icon: var(--color-blue-400);
  --color-feedback-success-bg: var(--color-green-900);
  --color-feedback-success-fg: var(--color-green-100);
  --color-feedback-success-border: var(--color-green-700);
  --color-feedback-success-icon: var(--color-green-400);
  --color-feedback-warning-bg: var(--color-amber-900);
  --color-feedback-warning-fg: var(--color-amber-100);
  --color-feedback-warning-border: var(--color-amber-700);
  --color-feedback-warning-icon: var(--color-amber-400);
  --color-feedback-danger-bg: var(--color-red-900);
  --color-feedback-danger-fg: var(--color-red-100);
  --color-feedback-danger-border: var(--color-red-700);
  --color-feedback-danger-icon: var(--color-red-400);
  --color-elevation-surface-sunken: var(--color-gray-950);
  --color-elevation-surface-default: var(--color-gray-900);
  --color-elevation-surface-raised: var(--color-gray-800);
  --color-elevation-surface-overlay: var(--color-gray-700);
  --color-highlight-bg: var(--color-amber-800);
  --color-highlight-fg: var(--color-gray-0);
  --color-highlight-current: var(--color-amber-600);
  }
}

[data-theme="dark"], .theme-dark {
  color-scheme: dark;
  --color-bg-canvas: var(--color-gray-950);
  --color-bg-surface: var(--color-gray-900);
  --color-bg-subtle: var(--color-gray-800);
  --color-bg-muted: var(--color-gray-800);
  --color-bg-raised: var(--color-gray-800);
  --color-bg-inverse: var(--color-gray-50);
  --color-bg-overlay: var(--color-alpha-scrim-dark);
  --color-text-default: var(--color-gray-50);
  --color-text-muted: var(--color-gray-300);
  --color-text-subtle: var(--color-gray-400);
  --color-text-disabled: var(--color-gray-600);
  --color-text-inverse: var(--color-gray-900);
  --color-text-link: var(--color-teal-400);
  --color-text-link-visited: var(--color-blue-200);
  --color-border-subtle: var(--color-gray-800);
  --color-border-default: var(--color-gray-700);
  --color-border-strong: var(--color-gray-500);
  --color-border-focus: var(--color-teal-400);
  --color-border-invalid: var(--color-red-400);
  --color-action-primary-bg: var(--color-teal-500);
  --color-action-primary-bg-hover: var(--color-teal-400);
  --color-action-primary-bg-active: var(--color-teal-300);
  --color-action-primary-fg: var(--color-gray-950);
  --color-action-secondary-bg: var(--color-gray-900);
  --color-action-secondary-bg-hover: var(--color-gray-800);
  --color-action-secondary-bg-active: var(--color-gray-700);
  --color-action-secondary-fg: var(--color-gray-50);
  --color-action-secondary-border: var(--color-gray-600);
  --color-action-ghost-bg-hover: var(--color-gray-800);
  --color-action-ghost-bg-active: var(--color-gray-700);
  --color-action-ghost-fg: var(--color-gray-50);
  --color-action-danger-bg: var(--color-red-500);
  --color-action-danger-bg-hover: var(--color-red-400);
  --color-action-danger-bg-active: var(--color-red-200);
  --color-action-danger-fg: var(--color-gray-950);
  --color-selected-bg: var(--color-teal-900);
  --color-selected-fg: var(--color-teal-100);
  --color-selected-border: var(--color-teal-400);
  --color-feedback-info-bg: var(--color-blue-900);
  --color-feedback-info-fg: var(--color-blue-100);
  --color-feedback-info-border: var(--color-blue-700);
  --color-feedback-info-icon: var(--color-blue-400);
  --color-feedback-success-bg: var(--color-green-900);
  --color-feedback-success-fg: var(--color-green-100);
  --color-feedback-success-border: var(--color-green-700);
  --color-feedback-success-icon: var(--color-green-400);
  --color-feedback-warning-bg: var(--color-amber-900);
  --color-feedback-warning-fg: var(--color-amber-100);
  --color-feedback-warning-border: var(--color-amber-700);
  --color-feedback-warning-icon: var(--color-amber-400);
  --color-feedback-danger-bg: var(--color-red-900);
  --color-feedback-danger-fg: var(--color-red-100);
  --color-feedback-danger-border: var(--color-red-700);
  --color-feedback-danger-icon: var(--color-red-400);
  --color-elevation-surface-sunken: var(--color-gray-950);
  --color-elevation-surface-default: var(--color-gray-900);
  --color-elevation-surface-raised: var(--color-gray-800);
  --color-elevation-surface-overlay: var(--color-gray-700);
  --color-highlight-bg: var(--color-amber-800);
  --color-highlight-fg: var(--color-gray-0);
  --color-highlight-current: var(--color-amber-600);
}

@media (prefers-contrast: more) {
  :root:not([data-theme]) {
  color-scheme: light;
  --color-bg-canvas: var(--color-gray-0);
  --color-bg-surface: var(--color-gray-0);
  --color-bg-subtle: var(--color-gray-0);
  --color-bg-muted: var(--color-gray-100);
  --color-text-default: var(--color-gray-1000);
  --color-text-muted: var(--color-gray-900);
  --color-text-subtle: var(--color-gray-800);
  --color-text-link: var(--color-teal-800);
  --color-border-subtle: var(--color-gray-700);
  --color-border-default: var(--color-gray-900);
  --color-border-strong: var(--color-gray-1000);
  --color-border-focus: var(--color-gray-1000);
  --color-action-primary-bg: var(--color-teal-800);
  --color-action-primary-bg-hover: var(--color-gray-1000);
  --color-action-primary-fg: var(--color-gray-0);
  --color-action-danger-bg: var(--color-red-900);
  --color-action-danger-bg-hover: var(--color-gray-1000);
  --color-action-danger-fg: var(--color-gray-0);
  --color-selected-bg: var(--color-gray-1000);
  --color-selected-fg: var(--color-gray-0);
  }
}

[data-theme="high-contrast"], .theme-high-contrast {
  color-scheme: light;
  --color-bg-canvas: var(--color-gray-0);
  --color-bg-surface: var(--color-gray-0);
  --color-bg-subtle: var(--color-gray-0);
  --color-bg-muted: var(--color-gray-100);
  --color-text-default: var(--color-gray-1000);
  --color-text-muted: var(--color-gray-900);
  --color-text-subtle: var(--color-gray-800);
  --color-text-link: var(--color-teal-800);
  --color-border-subtle: var(--color-gray-700);
  --color-border-default: var(--color-gray-900);
  --color-border-strong: var(--color-gray-1000);
  --color-border-focus: var(--color-gray-1000);
  --color-action-primary-bg: var(--color-teal-800);
  --color-action-primary-bg-hover: var(--color-gray-1000);
  --color-action-primary-fg: var(--color-gray-0);
  --color-action-danger-bg: var(--color-red-900);
  --color-action-danger-bg-hover: var(--color-gray-1000);
  --color-action-danger-fg: var(--color-gray-0);
  --color-selected-bg: var(--color-gray-1000);
  --color-selected-fg: var(--color-gray-0);
}

[data-theme="light"], .theme-light {
  color-scheme: light;
  --color-action-danger-bg: var(--color-red-600);
  --color-action-danger-bg-active: var(--color-red-800);
  --color-action-danger-bg-hover: var(--color-red-700);
  --color-action-danger-fg: var(--color-gray-0);
  --color-action-ghost-bg-active: var(--color-gray-200);
  --color-action-ghost-bg-hover: var(--color-gray-100);
  --color-action-ghost-fg: var(--color-gray-900);
  --color-action-primary-bg: var(--color-teal-700);
  --color-action-primary-bg-active: var(--color-teal-900);
  --color-action-primary-bg-hover: var(--color-teal-800);
  --color-action-primary-fg: var(--color-gray-0);
  --color-action-secondary-bg: var(--color-gray-0);
  --color-action-secondary-bg-active: var(--color-gray-200);
  --color-action-secondary-bg-hover: var(--color-gray-100);
  --color-action-secondary-border: var(--color-gray-300);
  --color-action-secondary-fg: var(--color-gray-900);
  --color-bg-canvas: var(--color-gray-0);
  --color-bg-inverse: var(--color-gray-900);
  --color-bg-muted: var(--color-gray-100);
  --color-bg-overlay: var(--color-alpha-scrim-light);
  --color-bg-raised: var(--color-gray-0);
  --color-bg-subtle: var(--color-gray-50);
  --color-bg-surface: var(--color-gray-0);
  --color-border-default: var(--color-gray-200);
  --color-border-focus: var(--color-teal-500);
  --color-border-invalid: var(--color-red-600);
  --color-border-strong: var(--color-gray-500);
  --color-border-subtle: var(--color-gray-100);
  --color-elevation-surface-default: var(--color-bg-surface);
  --color-elevation-surface-overlay: var(--color-gray-0);
  --color-elevation-surface-raised: var(--color-gray-0);
  --color-elevation-surface-sunken: var(--color-gray-50);
  --color-feedback-danger-bg: var(--color-red-50);
  --color-feedback-danger-border: var(--color-red-200);
  --color-feedback-danger-fg: var(--color-red-900);
  --color-feedback-danger-icon: var(--color-red-600);
  --color-feedback-info-bg: var(--color-blue-50);
  --color-feedback-info-border: var(--color-blue-200);
  --color-feedback-info-fg: var(--color-blue-800);
  --color-feedback-info-icon: var(--color-blue-600);
  --color-feedback-success-bg: var(--color-green-50);
  --color-feedback-success-border: var(--color-green-200);
  --color-feedback-success-fg: var(--color-green-900);
  --color-feedback-success-icon: var(--color-green-700);
  --color-feedback-warning-bg: var(--color-amber-50);
  --color-feedback-warning-border: var(--color-amber-200);
  --color-feedback-warning-fg: var(--color-amber-900);
  --color-feedback-warning-icon: var(--color-amber-700);
  --color-highlight-bg: var(--color-amber-100);
  --color-highlight-current: var(--color-amber-400);
  --color-highlight-fg: var(--color-gray-900);
  --color-selected-bg: var(--color-teal-50);
  --color-selected-border: var(--color-teal-700);
  --color-selected-fg: var(--color-teal-700);
  --color-text-default: var(--color-gray-900);
  --color-text-disabled: var(--color-gray-400);
  --color-text-inverse: var(--color-gray-0);
  --color-text-link: var(--color-teal-700);
  --color-text-link-visited: var(--color-blue-900);
  --color-text-muted: var(--color-gray-600);
  --color-text-subtle: var(--color-gray-500);
}