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

:root {
  --leaf-50: oklch(0.9750 0.0200 122.00);
  --leaf-100: oklch(0.9400 0.0450 123.00);
  --leaf-200: oklch(0.8800 0.0900 124.00);
  --leaf-300: oklch(0.7950 0.1300 125.00);
  --leaf-400: oklch(0.6948 0.1539 126.01);
  --leaf-500: oklch(0.5776 0.1323 131.55);
  --leaf-600: oklch(0.4850 0.1120 133.00);
  --leaf-700: oklch(0.4000 0.0930 134.00);
  --leaf-800: oklch(0.3228 0.0750 135.00);
  --leaf-900: oklch(0.2450 0.0580 136.00);
  --navy-50: oklch(0.9750 0.0090 246.55);
  --navy-100: oklch(0.9400 0.0180 246.55);
  --navy-200: oklch(0.8800 0.0330 246.55);
  --navy-300: oklch(0.7950 0.0480 246.55);
  --navy-400: oklch(0.6948 0.0620 246.55);
  --navy-500: oklch(0.5776 0.0720 246.55);
  --navy-600: oklch(0.4850 0.0760 246.55);
  --navy-700: oklch(0.4000 0.0745 246.55);
  --navy-800: oklch(0.3228 0.0700 246.55);
  --navy-900: oklch(0.2450 0.0580 246.55);
  --gray-50: oklch(0.9848 0.0015 246.55);
  --gray-100: oklch(0.9699 0.0020 246.55);
  --gray-200: oklch(0.9232 0.0035 246.55);
  --gray-300: oklch(0.8687 0.0045 246.55);
  --gray-400: oklch(0.7161 0.0055 246.55);
  --gray-500: oklch(0.5534 0.0060 246.55);
  --gray-600: oklch(0.4444 0.0055 246.55);
  --gray-700: oklch(0.3741 0.0050 246.55);
  --gray-800: oklch(0.2685 0.0045 246.55);
  --gray-900: oklch(0.2161 0.0040 246.55);
  --amber-400: oklch(0.7800 0.1450 58.32);
  --amber-500: oklch(0.7250 0.1520 58.32);
  --amber-600: oklch(0.6658 0.1574 58.32);
  --amber-700: oklch(0.5700 0.1400 58.32);
  --red-300: oklch(0.7650 0.1250 27.00);
  --red-400: oklch(0.6400 0.1650 27.00);
  --red-500: oklch(0.5600 0.1750 27.00);
  --red-600: oklch(0.4900 0.1600 27.00);
  --color-surface-raised: #ffffff;
  --radius: 8px;
  --radius-lg: 12px;
  --header-h: 56px;
  --sidebar-w: 250px;
  --shadow-sm: 0 1px 2px rgba(15, 54, 85, 0.06);
  --shadow: 0 2px 8px rgba(15, 54, 85, 0.10);
  --shadow-lg: 0 4px 16px rgba(15, 54, 85, 0.14);
  --font-family: 'Commissioner', -apple-system, 'Segoe UI', sans-serif;
  --color-primary: var(--navy-800);
  --color-primary-hover: var(--navy-900);
  --color-primary-subtle: var(--navy-50);
  --color-accent: var(--leaf-600);
  --color-accent-hover: var(--leaf-700);
  --color-accent-subtle: var(--leaf-50);
  --color-bg: var(--gray-100);
  --color-surface: var(--gray-50);
  --color-text: var(--gray-900);
  --color-text-muted: var(--gray-600);
  --color-text-on-primary: var(--gray-50);
  --color-text-on-accent: var(--gray-50);
  --color-border: var(--gray-200);
  --color-border-strong: var(--gray-300);
  --color-border-interactive: var(--gray-500);
  --color-ring: var(--leaf-500);
  --color-sidebar: var(--navy-900);
  --color-sidebar-text: var(--navy-200);
  --color-sidebar-muted: var(--navy-400);
  --color-sidebar-border: var(--navy-800);
  --color-sidebar-active: var(--leaf-400);
  --color-text-on-sidebar-active: var(--gray-900);
  --color-success: var(--leaf-600);
  --color-warning: var(--amber-700);
  --color-danger: var(--red-600);
  --color-info: var(--navy-600);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.light) {
    --color-primary: var(--navy-300);
    --color-primary-hover: var(--navy-200);
    --color-primary-subtle: var(--navy-900);
    --color-accent: var(--leaf-300);
    --color-accent-hover: var(--leaf-200);
    --color-accent-subtle: var(--leaf-900);
    --color-bg: var(--gray-900);
    --color-surface: var(--gray-800);
    --color-surface-raised: var(--gray-700);
    --color-text: var(--gray-50);
    --color-text-muted: var(--gray-400);
    --color-text-on-primary: var(--gray-900);
    --color-text-on-accent: var(--gray-900);
    --color-border: var(--gray-700);
    --color-border-strong: var(--gray-600);
    --color-border-interactive: var(--gray-400);
    --color-ring: var(--leaf-400);
    --color-sidebar: var(--gray-900);
    --color-sidebar-text: var(--gray-300);
    --color-sidebar-muted: var(--gray-400);
    --color-sidebar-border: var(--gray-800);
    --color-sidebar-active: var(--leaf-400);
    --color-text-on-sidebar-active: var(--gray-900);
    --color-success: var(--leaf-300);
    --color-warning: var(--amber-400);
    --color-danger: var(--red-300);
    --color-info: var(--navy-300);
  }
}

.dark,
:root[data-theme="dark"] {
  --color-primary: var(--navy-300);
  --color-primary-hover: var(--navy-200);
  --color-primary-subtle: var(--navy-900);
  --color-accent: var(--leaf-300);
  --color-accent-hover: var(--leaf-200);
  --color-accent-subtle: var(--leaf-900);
  --color-bg: var(--gray-900);
  --color-surface: var(--gray-800);
  --color-surface-raised: var(--gray-700);
  --color-text: var(--gray-50);
  --color-text-muted: var(--gray-400);
  --color-text-on-primary: var(--gray-900);
  --color-text-on-accent: var(--gray-900);
  --color-border: var(--gray-700);
  --color-border-strong: var(--gray-600);
  --color-border-interactive: var(--gray-400);
  --color-ring: var(--leaf-400);
  --color-sidebar: var(--gray-900);
  --color-sidebar-text: var(--gray-300);
  --color-sidebar-muted: var(--gray-400);
  --color-sidebar-border: var(--gray-800);
  --color-sidebar-active: var(--leaf-400);
  --color-text-on-sidebar-active: var(--gray-900);
  --color-success: var(--leaf-300);
  --color-warning: var(--amber-400);
  --color-danger: var(--red-300);
  --color-info: var(--navy-300);
}