/* ═══ Forest — Emerald Earth Dark ═══ */
[data-theme="forest"] {
  /* Shared controls use the palette's readable accent ink and native color scheme. */
  --text-on-accent: #111827;
  --bg-primary: #0a1208;
  --bg-secondary: rgba(14, 22, 12, 0.85);
  --bg-tertiary: rgba(24, 38, 20, 0.7);
  --bg-card: rgba(20, 34, 16, 0.55);
  --bg-card-hover: rgba(32, 50, 26, 0.65);
  --border-color: rgba(34, 197, 94, 0.08);
  --border-color-hover: rgba(34, 197, 94, 0.16);
  --text-primary: #ecfdf5;
  --text-secondary: #86efac;
  --text-muted: #4ade80;
  --accent-primary: #22c55e;
  --accent-primary-hover: #4ade80;
  --accent-gradient: linear-gradient(135deg, #22c55e 0%, #10b981 50%, #14b8a6 100%);
  --accent-glow: rgba(34, 197, 94, 0.25);
  --status-success: #4ade80;
  --status-active: #22c55e;
  --status-warning: #fbbf24;
  --status-error: #f87171;
  --glass-bg: rgba(34, 197, 94, 0.04);
  --glass-bg-heavy: rgba(34, 197, 94, 0.08);
  --glass-border: rgba(34, 197, 94, 0.1);
  --glass-highlight: linear-gradient(135deg, rgba(34,197,94,0.12) 0%, rgba(34,197,94,0) 50%);
  --glass-blur: 20px;
  --glass-blur-light: 12px;
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgba(34, 197, 94, 0.15);
  --panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(34,197,94,0.08);
  --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(34,197,94,0.06);
  --depth-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* Native controls follow this palette even when a page declares a root default. */
html[data-theme="forest"] { color-scheme: dark; }