/* Theovya — Semantic tokens. Components reference THESE only, never raw palette values.
   Dark mode swaps at this layer only ([data-theme="dark"] or .dark-surface on any container). */
:root{
  /* Backgrounds */
  --color-bg-base:#F5F2EC;          /* Page canvas — warm cream */
  --color-bg-surface:#FFFFFF;       /* Cards, panels */
  --color-bg-surface-raised:#FFFFFF;/* With shadow for elevation */
  --color-bg-subtle:#F0EDE6;        /* Subtle section bands */
  --color-bg-inverse:#111C18;       /* Inverse surface on light page */

  /* Text */
  --color-text-primary:#111C18;
  --color-text-secondary:#546760;
  --color-text-tertiary:#6A7B76;
  --color-text-disabled:#96A39E;
  --color-text-interactive:#1A3C34;
  --color-text-on-accent:#111C18;   /* Text on emerald — ink only, never white */
  --color-text-inverse:#F5F2EC;

  /* Borders */
  --color-border-default:#CCC8C0;
  --color-border-strong:#B5AFA3;
  --color-border-interactive:#1A3C34;
  --color-border-inverse:#2B3D37;

  /* Interactive */
  --color-interactive-default:#1A3C34;
  --color-interactive-hover:#2D6857;
  --color-interactive-active:#0D1F1A;
  --color-interactive-focus:#4DAF7C;
  --color-interactive-disabled:#96A39E;

  /* Accent */
  --color-accent-primary:#4DAF7C;
  --color-accent-secondary:#B5AFA3;

  /* Tag fills */
  --color-tag-forest-bg:rgba(26,60,52,0.10);--color-tag-emerald-bg:rgba(77,175,124,0.14);--color-tag-neutral-bg:rgba(181,175,163,0.25);

  /* Shadows */
  --color-shadow-default:rgba(17,28,24,0.08);
  --color-shadow-strong:rgba(17,28,24,0.16);
  --color-shadow-focus:rgba(77,175,124,0.35);

  /* Website surface system (Module 6.1.2) */
  --surface-ink:#111C18;
  --surface-dark:#1A3C34;
  --surface-mid:#1E2D28;
  --surface-light:#F5F2EC;
  --surface-white:#FFFFFF;
  --surface-grey:#F0EDE6;
  --surface-accent:#E0EEEA;
}

/* Explicit light scope — lets a container force light regardless of an ancestor [data-theme="dark"]. Mirror of :root. */
[data-theme="light"], .light-surface{
  --color-bg-base:#F5F2EC;--color-bg-surface:#FFFFFF;--color-bg-surface-raised:#FFFFFF;--color-bg-subtle:#F0EDE6;--color-bg-inverse:#111C18;
  --color-text-primary:#111C18;--color-text-secondary:#546760;--color-text-tertiary:#6A7B76;--color-text-disabled:#96A39E;--color-text-interactive:#1A3C34;--color-text-on-accent:#111C18;--color-text-inverse:#F5F2EC;
  --color-border-default:#CCC8C0;--color-border-strong:#B5AFA3;--color-border-interactive:#1A3C34;--color-border-inverse:#2B3D37;
  --color-interactive-default:#1A3C34;--color-interactive-hover:#2D6857;--color-interactive-active:#0D1F1A;--color-interactive-focus:#4DAF7C;--color-interactive-disabled:#96A39E;
  --color-accent-primary:#4DAF7C;--color-accent-secondary:#B5AFA3;
  --color-shadow-default:rgba(17,28,24,0.08);--color-shadow-strong:rgba(17,28,24,0.16);--color-shadow-focus:rgba(77,175,124,0.35);
  --color-success-bg:#D6F0E2;--color-success-text:#145A35;--color-error-bg:#FEECEC;--color-error-text:#7C1A1A;--color-warning-bg:#FEF5E7;--color-warning-text:#7C4A0A;--color-info-bg:#EDF4FC;--color-info-text:#1E4A7C;
  --color-tag-forest-bg:rgba(26,60,52,0.10);--color-tag-emerald-bg:rgba(77,175,124,0.14);--color-tag-neutral-bg:rgba(181,175,163,0.25);
}

[data-theme="dark"], .dark-surface{
  --color-bg-base:#111C18;
  --color-bg-surface:#1E2D28;
  --color-bg-surface-raised:#2B3D37;
  --color-bg-subtle:#1A2420;
  --color-bg-inverse:#F5F2EC;
  --color-text-primary:#F5F2EC;
  --color-text-secondary:#B5AFA3;
  --color-text-tertiary:#96A39E;
  --color-text-disabled:#6A7B76;
  --color-text-interactive:#4DAF7C;
  --color-text-on-accent:#111C18;   /* unchanged */
  --color-text-inverse:#111C18;
  --color-border-default:#2B3D37;
  --color-border-strong:#3D524C;
  --color-border-interactive:#4DAF7C;
  --color-interactive-default:#4DAF7C;
  --color-interactive-hover:#6DBF93;
  --color-interactive-active:#3A8B62;
  --color-interactive-focus:#4DAF7C;
  --color-interactive-disabled:#3D524C;
  --color-shadow-default:rgba(0,0,0,0.30);
  --color-shadow-strong:rgba(0,0,0,0.50);
  --color-shadow-focus:rgba(77,175,124,0.40);
  /* Feedback surfaces re-tinted for dark (forest-friendly, low-alpha fills + light text). */
  --color-success-bg:rgba(77,175,124,0.14);--color-success-text:#6DBF93;--color-error-bg:rgba(197,59,59,0.18);--color-error-text:#F0A9A9;--color-warning-bg:rgba(184,115,51,0.18);--color-warning-text:#E8B778;--color-info-bg:rgba(43,108,176,0.20);--color-info-text:#90BFEF;
  --color-tag-forest-bg:rgba(77,175,124,0.14);--color-tag-emerald-bg:rgba(77,175,124,0.20);--color-tag-neutral-bg:rgba(181,175,163,0.14);
}