/* ─────────────────────────────────────────────────────────────────────────────
   FOREST THEME
   ───────────────────────────────────────────────────────────────────────────── */

[data-theme='forest'] {
  /* Primary - Forest Green (hue ~145) */
  --color-primary-50: oklch(0.97 0.02 145);
  --color-primary-100: oklch(0.93 0.05 145);
  --color-primary-200: oklch(0.86 0.10 145);
  --color-primary-300: oklch(0.76 0.16 145);
  --color-primary-400: oklch(0.66 0.20 145);
  --color-primary-500: oklch(0.52 0.18 145);
  --color-primary-600: oklch(0.45 0.16 145);
  --color-primary-700: oklch(0.38 0.14 145);
  --color-primary-800: oklch(0.32 0.11 145);
  --color-primary-900: oklch(0.26 0.08 145);
  --color-primary-950: oklch(0.18 0.05 145);

  /* Accent - Amber/Gold for forest (hue ~85) */
  --color-accent-50: oklch(0.98 0.02 85);
  --color-accent-100: oklch(0.94 0.06 85);
  --color-accent-200: oklch(0.88 0.12 85);
  --color-accent-300: oklch(0.80 0.18 85);
  --color-accent-400: oklch(0.72 0.20 85);
  --color-accent-500: oklch(0.65 0.18 85);
  --color-accent-600: oklch(0.55 0.16 85);
  --color-accent-700: oklch(0.45 0.14 85);
  --color-accent-800: oklch(0.36 0.10 85);
  --color-accent-900: oklch(0.28 0.06 85);
  --color-accent-950: oklch(0.20 0.03 85);

  /* Warn - Earthy Red/Brown (hue ~35) */
  --color-warn-50: oklch(0.97 0.02 35);
  --color-warn-100: oklch(0.93 0.05 35);
  --color-warn-200: oklch(0.86 0.10 35);
  --color-warn-300: oklch(0.76 0.16 35);
  --color-warn-400: oklch(0.66 0.20 35);
  --color-warn-500: oklch(0.55 0.20 35);
  --color-warn-600: oklch(0.48 0.18 35);
  --color-warn-700: oklch(0.40 0.15 35);
  --color-warn-800: oklch(0.33 0.11 35);
  --color-warn-900: oklch(0.27 0.08 35);
  --color-warn-950: oklch(0.20 0.05 35);

  /* Surface - Warm earthy neutrals (hue ~90 for slight green-yellow tint) */
  --color-surface-50: oklch(0.98 0.008 90);
  --color-surface-100: oklch(0.96 0.012 90);
  --color-surface-200: oklch(0.92 0.016 90);
  --color-surface-300: oklch(0.86 0.018 90);
  --color-surface-400: oklch(0.70 0.016 90);
  --color-surface-500: oklch(0.54 0.014 90);
  --color-surface-600: oklch(0.44 0.014 90);
  --color-surface-700: oklch(0.36 0.012 90);
  --color-surface-800: oklch(0.26 0.010 90);
  --color-surface-900: oklch(0.20 0.008 90);
  --color-surface-950: oklch(0.14 0.006 90);

  /* Success - Same green family */
  --color-success-500: oklch(0.48 0.16 145);
  --color-success-600: oklch(0.42 0.14 145);

  /* ═══ Semantic overrides ═══ */
  --color-background: var(--color-surface-50);
  --color-foreground: var(--color-surface-900);

  --color-primary: var(--color-primary-500);
  --color-primary-foreground: var(--color-primary-50);
  --color-primary-hover: var(--color-primary-600);
  --color-primary-subtle: var(--color-primary-100);
  --color-primary-subtle-foreground: var(--color-primary-900);

  --color-accent: var(--color-accent-500);
  --color-accent-foreground: oklch(1 0 0);
  --color-accent-hover: var(--color-accent-600);
  --color-accent-subtle: var(--color-accent-100);
  --color-accent-subtle-foreground: var(--color-accent-800);

  --color-warn: var(--color-warn-500);
  --color-warn-foreground: oklch(1 0 0);
  --color-warn-hover: var(--color-warn-600);
  --color-warn-subtle: var(--color-warn-100);
  --color-warn-subtle-foreground: var(--color-warn-800);

  --color-success: var(--color-success-500);
  --color-success-foreground: oklch(1 0 0);
  --color-success-hover: var(--color-success-600);
  --color-success-subtle: oklch(0.94 0.05 145);
  --color-success-subtle-foreground: oklch(0.32 0.12 145);

  --color-muted: var(--color-surface-200);
  --color-muted-foreground: var(--color-surface-700);
  --color-muted-hover: var(--color-surface-300);

  --color-border: var(--color-surface-300);
  --color-border-subtle: var(--color-surface-200);
  --color-ring: var(--color-primary-500);

  --color-backdrop: oklch(0 0 0 / 0.8);
  --color-popover: var(--color-surface-50);
  --color-popover-foreground: var(--color-surface-900);

  --color-card: var(--color-surface-50);
  --color-card-foreground: var(--color-surface-900);

  --color-tooltip: var(--color-surface-900);
  --color-tooltip-foreground: var(--color-surface-50);

  --color-input-border: var(--color-surface-300);
  --color-input-background: var(--color-surface-50);
  --color-input-foreground: var(--color-surface-900);
  --color-input-placeholder: var(--color-surface-500);
  --color-input-disabled: var(--color-surface-100);

  --color-placeholder: var(--color-surface-500);
  --color-disabled: var(--color-surface-300);
  --color-disabled-foreground: var(--color-surface-500);
}
