:root {
  color-scheme: light;

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --color-brand-50: #fff6f1;
  --color-brand-100: #ffe7d9;
  --color-brand-200: #ffcbb2;
  --color-brand-500: #ee5b28;
  --color-brand-600: #dc4618;
  --color-brand-700: #b83412;
  --color-ink-950: #16191d;
  --color-ink-900: #20242a;
  --color-ink-800: #2e333b;
  --color-ink-700: #474e58;
  --color-ink-600: #626b77;
  --color-ink-500: #7b8490;
  --color-ink-400: #9ca3ad;
  --color-ink-300: #c2c7ce;
  --color-ink-200: #dde0e5;
  --color-ink-150: #e9ebee;
  --color-ink-100: #f1f2f4;
  --color-ink-50: #f7f7f8;
  --color-white: #ffffff;
  --color-green-50: #effbf3;
  --color-green-100: #d8f4e0;
  --color-green-600: #18874b;
  --color-green-700: #116d3c;
  --color-amber-50: #fff8e6;
  --color-amber-100: #ffedb8;
  --color-amber-600: #a66300;
  --color-amber-700: #7f4b00;
  --color-red-50: #fff1f0;
  --color-red-100: #ffdeda;
  --color-red-600: #c83d32;
  --color-red-700: #a62e26;
  --color-blue-50: #f0f6ff;
  --color-blue-100: #dae9ff;
  --color-blue-600: #2e67c7;
  --color-blue-700: #2453a4;
  --color-violet-50: #f5f2ff;
  --color-violet-600: #7256c9;
  --color-overlay: rgba(22, 25, 29, 0.48);
  --color-hover-overlay: rgba(22, 25, 29, 0.05);
  --color-active-overlay: rgba(22, 25, 29, 0.1);

  --surface-page: #f5f4f2;
  --surface-shell: #fbfaf8;
  --surface-card: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #efeeeb;
  --surface-sidebar: #1d2025;
  --surface-sidebar-hover: #2a2e35;
  --surface-sidebar-selected: #343942;
  --text-primary: var(--color-ink-950);
  --text-secondary: var(--color-ink-600);
  --text-tertiary: var(--color-ink-600);
  --text-disabled: var(--color-ink-400);
  --text-inverse: var(--color-white);
  --text-sidebar: #d7dbe0;
  --text-sidebar-muted: #9299a3;
  --action-primary: var(--color-brand-700);
  --action-primary-hover: #962908;
  --action-primary-active: #962908;
  --action-secondary: var(--surface-card);
  --action-secondary-hover: var(--color-ink-50);
  --surface-hover: #eeece9;
  --action-destructive: var(--color-red-600);
  --action-destructive-hover: var(--color-red-700);
  --action-success: var(--color-green-700);
  --border-subtle: var(--color-ink-150);
  --border-default: var(--color-ink-200);
  --border-strong: var(--color-ink-500);
  --border-focus: var(--color-brand-600);
  --border-error: var(--color-red-600);

  --status-success-bg: var(--color-green-50);
  --status-success-text: var(--color-green-700);
  --status-warning-bg: var(--color-amber-50);
  --status-warning-text: var(--color-amber-700);
  --status-error-bg: var(--color-red-50);
  --status-error-text: var(--color-red-700);
  --status-info-bg: var(--color-blue-50);
  --status-info-text: var(--color-blue-700);
  --status-neutral-bg: var(--color-ink-100);
  --status-neutral-text: var(--color-ink-700);
  --status-brand-bg: var(--color-brand-50);
  --status-brand-text: var(--color-brand-700);

  --vehicle-orange: var(--color-brand-600);
  --vehicle-blue: var(--color-blue-600);
  --vehicle-green: var(--color-green-600);
  --vehicle-violet: var(--color-violet-600);
  --vehicle-orange-bg: var(--color-brand-50);
  --vehicle-blue-bg: var(--color-blue-50);
  --vehicle-green-bg: var(--color-green-50);
  --vehicle-violet-bg: var(--color-violet-50);

  --space-0: 0px;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-20: 80px;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-tight: 1.15;
  --line-snug: 1.35;
  --line-normal: 1.5;
  --line-relaxed: 1.65;
  --tracking-tight: -0.025em;
  --tracking-wide: 0.05em;
  --tracking-widest: 0.1em;

  --control-xs: 24px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --control-xl: 56px;
  --icon-xs: 12px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --avatar-md: 32px;
  --avatar-lg: 40px;
  --avatar-xl: 64px;
  --sidebar-width: 248px;
  --sidebar-collapsed: 72px;
  --drawer-width: 480px;
  --modal-width: 680px;
  --content-max: 1640px;
  --calendar-time-col: 64px;
  --calendar-day-min: 168px;
  --calendar-header: 64px;
  --calendar-slot: 42px;
  --table-min: 880px;
  --portal-width: 390px;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-3xl: 24px;
  --radius-full: 9999px;
  --border-thin: 1px;
  --border-medium: 2px;

  --shadow-sm: 0px 1px 2px 0px rgba(22, 25, 29, 0.06);
  --shadow-md: 0px 6px 18px -6px rgba(22, 25, 29, 0.18);
  --shadow-lg: 0px 18px 48px -16px rgba(22, 25, 29, 0.24);
  --shadow-focus: 0px 0px 0px 2px var(--surface-card), 0px 0px 0px 4px var(--border-focus);

  --duration-instant: 0ms;
  --duration-fast: 100ms;
  --duration-base: 200ms;
  --duration-moderate: 300ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  --z-base: 0;
  --z-sticky: 20;
  --z-fixed: 30;
  --z-overlay: 40;
  --z-modal: 50;
  --z-toast: 70;
  --capacity: 0%;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface-page: #131518;
  --surface-shell: #181b1f;
  --surface-card: #20242a;
  --surface-raised: #2a2e35;
  --surface-sunken: #111316;
  --text-primary: #f5f6f7;
  --text-secondary: #b4bac2;
  --text-tertiary: #9299a3;
  --text-disabled: #626b77;
  --border-subtle: #2e333b;
  --border-default: #3a4049;
  --border-strong: #7b8490;
  --action-secondary: #2a2e35;
  --action-secondary-hover: #343942;
  --surface-hover: #343942;
  --color-hover-overlay: rgba(255, 255, 255, 0.06);
  --color-active-overlay: rgba(255, 255, 255, 0.1);
  --status-success-bg: #112b1c;
  --status-success-text: #83d8a2;
  --status-warning-bg: #30260f;
  --status-warning-text: #f2c56d;
  --status-error-bg: #321817;
  --status-error-text: #f1a19a;
  --status-info-bg: #14243d;
  --status-info-text: #9fc0f2;
  --status-neutral-bg: #2e333b;
  --status-neutral-text: #d7dbe0;
  --status-brand-bg: #3b1e13;
  --status-brand-text: #ffb18f;
  --vehicle-orange-bg: #3b1e13;
  --vehicle-blue-bg: #14243d;
  --vehicle-green-bg: #112b1c;
  --vehicle-violet-bg: #251d3d;
  --vehicle-blue: #9fc0f2;
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
  --shadow-md: 0px 6px 18px -6px rgba(0, 0, 0, 0.44);
  --shadow-lg: 0px 18px 48px -16px rgba(0, 0, 0, 0.56);
}