:root {
  color-scheme: light dark;
  --color-accent: #4a7c59;
  --color-accent-strong: #355e45;
  --color-accent-soft: #dce9df;
  --color-accent-surface: #edf4ee;
  --color-amber: #d88d4a;
  --color-amber-soft: #f6e2cf;
  --color-bg: #f2f2f7;
  --color-bg-top: #fafafd;
  --color-bg-bottom: #eef0f6;
  --color-bg-radial: rgba(74, 124, 89, 0.10);
  --color-surface: rgba(255, 255, 255, 0.88);
  --color-surface-solid: #ffffff;
  --color-surface-muted: #f7f7fb;
  --color-surface-elevated: #fafffe;
  --color-glass: rgba(248, 248, 252, 0.78);
  --color-glass-border: rgba(255, 255, 255, 0.64);
  --color-text: #1c1c1e;
  --color-text-secondary: #6e6e73;
  --color-border: rgba(60, 60, 67, 0.16);
  --color-border-strong: rgba(60, 60, 67, 0.24);
  --color-success: #2f855a;
  --color-danger: #c24141;
  --color-tab-hover: rgba(74, 124, 89, 0.08);
  --color-tab-active: rgba(74, 124, 89, 0.14);
  --color-toast-bg: rgba(28, 28, 30, 0.86);
  --shadow-soft: 0 14px 34px rgba(28, 28, 30, 0.10);
  --shadow-card: 0 10px 26px rgba(28, 28, 30, 0.08);
  --radius-card: 18px;
  --radius-panel: 24px;
  --radius-pill: 999px;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --tab-bar-height: 5.25rem;
  --safe-bottom: env(safe-area-inset-bottom);
  --card-bg: var(--color-surface-solid);

  --green-dark: var(--color-accent-strong);
  --green: var(--color-accent);
  --green-light: #8db79a;
  --green-pale: var(--color-accent-soft);
  --green-bg: var(--color-accent-surface);
  --amber: var(--color-amber);
  --amber-light: var(--color-amber-soft);
  --text: var(--color-text);
  --text-muted: var(--color-text-secondary);
  --border: var(--color-border);
  --white: var(--color-surface-solid);
  --shadow: var(--shadow-card);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-accent: #8dbd9a;
    --color-accent-strong: #c8ebd0;
    --color-accent-soft: rgba(92, 133, 105, 0.34);
    --color-accent-surface: rgba(31, 52, 40, 0.72);
    --color-amber: #f0b57a;
    --color-amber-soft: rgba(110, 74, 34, 0.4);
    --color-bg: #111417;
    --color-bg-top: #15191d;
    --color-bg-bottom: #0d1013;
    --color-bg-radial: rgba(109, 171, 128, 0.12);
    --color-surface: rgba(23, 27, 31, 0.88);
    --color-surface-solid: #171b1f;
    --color-surface-muted: #1c2228;
    --color-surface-elevated: #1d2429;
    --color-glass: rgba(20, 24, 28, 0.82);
    --color-glass-border: rgba(255, 255, 255, 0.09);
    --color-text: #f3f5f7;
    --color-text-secondary: #b4bcc5;
    --color-border: rgba(255, 255, 255, 0.11);
    --color-border-strong: rgba(255, 255, 255, 0.22);
    --color-success: #76c893;
    --color-danger: #f08d8d;
    --color-tab-hover: rgba(141, 189, 154, 0.12);
    --color-tab-active: rgba(141, 189, 154, 0.18);
    --color-toast-bg: rgba(12, 14, 17, 0.92);
    --shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.34);
    --shadow-card: 0 12px 30px rgba(0, 0, 0, 0.28);
  }
}