:root {
  color-scheme: light;
  --color-blue-900: #071825;
  --color-blue-800: #0d2937;
  --color-green-900: #092f2b;
  --color-green-800: #0f4b43;
  --color-green-700: #147263;
  --color-green-100: #dff4ed;
  --color-gold-600: #b8792b;
  --color-gold-100: #fff1dc;
  --color-red-700: #a33a24;
  --color-red-100: #fde2dc;
  --color-cyan-700: #167c90;
  --color-copper-500: #c47a47;
  --color-ink: #101820;
  --color-bg: #f4f7f5;
  --color-surface: #ffffff;
  --color-surface-raised: #fbfcfb;
  --color-text: #17211e;
  --color-muted: #5e6f69;
  --color-subtle: #84918d;
  --color-border: #d5dfda;
  --color-focus: #d99a36;
  --color-overlay: rgba(7, 31, 58, 0.54);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 2.25rem;
  --font-size-4xl: 3.25rem;
  --line-tight: 1.14;
  --line-normal: 1.5;
  --space-1: 0.25rem;
  --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;
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(10, 34, 35, 0.08);
  --shadow-md: 0 14px 36px rgba(10, 34, 35, 0.12);
  --shadow-lg: 0 28px 70px rgba(10, 34, 35, 0.18);
  --texture-grid: linear-gradient(rgba(20, 114, 99, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(20, 114, 99, 0.08) 1px, transparent 1px);
  --texture-waves: radial-gradient(120% 70% at 0% 0%, rgba(22, 124, 144, 0.18), transparent 54%), repeating-radial-gradient(ellipse at 85% -20%, rgba(196, 122, 71, 0.16) 0 1px, transparent 1px 18px);
  --container: 1200px;
  --admin-sidebar: 288px;
  --topbar-height: 64px;
  --transition-fast: 140ms ease;
  --transition-med: 220ms ease;
  --z-header: 20;
  --z-sidebar: 30;
  --z-drawer: 60;
  --z-dialog: 80;
  --z-toast: 100;
  --break-sm: 480px;
  --break-md: 768px;
  --break-lg: 1024px;
  --break-xl: 1280px;
}

html[data-theme="high-contrast"] {
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-text: #000000;
  --color-muted: #202020;
  --color-border: #000000;
  --color-green-700: #003f7f;
  --color-focus: #ffbf00;
}