/* =====================================================================
   THEME · SUMAS — green on sand.  OMBA401, OMBAFR455.

   A theme file is nothing but custom properties. Pair it with
   /shared/course.css, which supplies the layout:

     <link rel="stylesheet" href="/shared/themes/sumas.css">
     <link rel="stylesheet" href="/shared/course.css">

   Two naming layers on purpose:
     * the NEUTRAL names (--accent, --surface, --ink…) are the API. Use
       them in anything new — they mean the same thing in every theme.
     * the LEGACY names (--green, --sand…) alias onto them. Twenty week
       pages and course.css still reference those, so they stay. Do not
       add new rules that use them.
   ===================================================================== */
:root{
  /* ---- neutral API ---- */
  --accent-deep:#2C5530;
  --accent:#4A8B3A;
  --accent-bright:#6FB544;
  --accent-glow:#8FCB5E;
  --accent-pale:#E8F2E2;
  --surface:#F4EDE0;
  --surface-2:#E5D9C3;
  --ink:#1A2B1C;
  --ink-soft:#3D4F3E;
  --grey:#6B7A6C;
  --white:#FFFFFF;
  --card:#FFFFFF;

  /* semantic accents, shared by every theme */
  --gold:#C9A227;
  --gold-soft:#8a6d14;
  --terra:#B3402A;
  --plum:#5B3DB8;
  --teal:#1E8A7A;
  --ok:#4A8B3A;
  --no:#B3402A;

  --line:rgba(44,85,48,0.14);
  --shadow:0 18px 50px -20px rgba(44,85,48,0.35);

  /* ---- legacy aliases — existing pages and course.css read these ---- */
  --green-deep:var(--accent-deep);
  --green:var(--accent);
  --green-bright:var(--accent-bright);
  --green-glow:var(--accent-glow);
  --green-pale:var(--accent-pale);
  --sand:var(--surface);
  --sand-deep:var(--surface-2);
}