:root {
  color-scheme: light;

  --color-forest-950: #06281d;
  --color-forest-900: #0a3224;
  --color-forest-800: #164a34;
  --color-forest-700: #245d43;
  --color-leaf-600: #6f941f;
  --color-leaf-500: #83a72d;
  --color-leaf-100: #eaf1d9;

  --color-surface-page: #f4f7f2;
  --color-surface-subtle: #e9efe6;
  --color-surface-card: #ffffff;
  --color-text: #17211c;
  --color-text-muted: #657169;
  --color-text-soft: #879188;
  --color-border: #dce4da;
  --color-border-strong: #cbd6c9;

  --color-danger: #a63f3f;
  --color-danger-soft: #f7e8e7;
  --color-warning: #966915;
  --color-warning-soft: #f7efdb;
  --color-info: #336d79;
  --color-info-soft: #e3eff1;
  --color-success: #245d43;
  --color-success-soft: #e5f0e9;
  --color-neutral: #66706a;
  --color-neutral-soft: #eceeed;

  --font-sans: "Aptos", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 999px;

  --panel-radius: var(--radius-md);
  --panel-shadow: none;

  --shadow-sm: 0 2px 8px rgba(12, 48, 32, 0.06);
  --shadow-md: 0 14px 40px rgba(12, 48, 32, 0.1);
  --shadow-drawer: -18px 0 60px rgba(6, 40, 29, 0.16);

  --z-content: 0;
  --z-header: 20;
  --z-navigation: 30;
  --z-popover: 40;
  --z-sheet-backdrop: 50;
  --z-sheet: 60;
  --z-dialog: 70;
  --z-toast: 80;

  --motion-fast: 160ms;
  --motion-normal: 240ms;
  --motion-drawer: 280ms;
  --ease-standard: cubic-bezier(.22, .8, .28, 1);

  --content-max: 1180px;
  --size-content-max: 1180px;
  --sidebar-width: 248px;
  --size-brand-logo: 168px;
  --topbar-height-mobile: 64px;
  --topbar-height-desktop: 72px;
  --control-height: 50px;
  --size-control: var(--control-height);
  --touch-target: 44px;
  --size-touch: 44px;
  --size-button: 46px;
  --size-button-lg: 52px;
  --sheet-width: 470px;
  --size-sheet: var(--sheet-width);

  --font-size-body: 1rem;
  --font-size-label: .875rem;
  --font-weight-label: 700;
  --font-weight-bold: 700;
  --font-weight-strong: 780;
  --line-height-body: 1.6;
  --line-height-tight: 1.08;

  --color-transparent: transparent;
  --color-white-alpha-62: rgba(255, 255, 255, 0.62);
  --color-leaf-alpha-13: rgba(111, 148, 31, 0.13);
  --color-leaf-alpha-40: rgba(111, 148, 31, 0.4);
  --focus-ring: 0 0 0 4px color-mix(in srgb, var(--color-leaf-600) 22%, transparent);
  --overlay-soft: color-mix(in srgb, var(--color-surface-card) 62%, transparent);
  --overlay-backdrop: color-mix(in srgb, var(--color-forest-950) 56%, transparent);
}