/* ============================================================
   SAGERESET · DESIGN TOKENS
   Single source of truth. Change a value here and it changes
   everywhere. Nothing in any page file should hardcode a color,
   a font, a radius, or a spacing value.
   ============================================================ */

:root{

  /* ---------- BRAND ---------- */
  --primary:#23483E;          /* deep meadow. buttons, active nav, links */
  --primary-hover:#183C39;
  --primary-soft:#E3F0E9;     /* tinted background */
  --primary-line:#CBE3D6;     /* tinted border */

  /* ---------- DIMENSION COLORS ----------
     Each section of the app takes one of these.
     Set --accent on a page wrapper and components follow. */
  --green:#75B398;   --green-deep:#3B6B57;  --green-soft:#E3F0E9;   --green-line:#CBE3D6;
  --teal:#62A8A5;    --teal-deep:#3F8583;   --teal-soft:#EFF8F7;    --teal-line:#CFE8E6;
  --coral:#EE8672;   --coral-deep:#AE4937;  --coral-soft:#FAE6DE;   --coral-line:#F2CDBF;
  --blue:#7EA0D6;    --blue-deep:#2E527D;   --blue-soft:#E7EFF8;    --blue-line:#CFDDEE;
  --purple:#A78FD0;  --purple-deep:#79549B; --purple-soft:#EEE6F5;  --purple-line:#DCCDEA;
  --gold:#B8912F;    --gold-deep:#96741F;   --gold-soft:#FBF7EC;    --gold-line:#E3CE9A;
  --band:#E3F0E9;
  --sand:#F8F3E8;   --sand-line:#E8E1D4;   /* oat: pastel, low-chroma, blends with surfaces */    /* accent only. spirit surfaces, premium moments */

  /* default accent, overridden per page */
  --accent:var(--green);
  --accent-soft:var(--green-soft);
  --accent-line:var(--green-line);
  --accent-deep:var(--green-deep);

  /* ---------- INK ---------- */
  --ink:#23483E;      /* headings, primary text */
  --ink-2:#4E635A;    /* body text */
  --ink-3:#7A8A82;    /* meta, labels, captions */
  --ink-4:#B6BEB8;    /* disabled, placeholder */

  /* ---------- SURFACES ---------- */
  --bg:#FAF7F1;
  --surface:#FFFFFF;   /* cards resting on bg */
  --surface-2:#F3EEE3; /* hover, inactive rows */
  --line:#E8E1D4;
  --line-2:#D9D0BE;

  /* ---------- SEMANTIC ---------- */
  --done:#3B6B57;
  --current:#2E527D;
  --upcoming:#B6BEB8;
  --danger:#AE4937;

  /* ---------- EVIDENCE TIERS ---------- */
  --tier-1:#3B6B57;   /* strong research */
  --tier-2:#4CA37E;   /* emerging research */
  --tier-3:#B8912F;   /* ancient wisdom */
  --tier-4:#79549B;   /* exploratory */

  /* ---------- TYPE ---------- */
  --serif:'Fraunces',Georgia,serif;
  --sans:'Outfit',system-ui,-apple-system,sans-serif;
  --mono:'Outfit',system-ui,-apple-system,sans-serif;

  --t-display:44px;   --t-display-lh:1.05;
  --t-h1:34px;        --t-h1-lh:1.1;
  --t-h2:26px;        --t-h2-lh:1.15;
  --t-h3:21px;        --t-h3-lh:1.2;
  --t-body:16px;       --t-body-lh:1.7;
  --t-small:14px;     --t-small-lh:1.6;
  --t-label:11.5px;    --t-label-ls:.07em;

  /* ---------- SPACE ---------- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px;
  --s-5:22px; --s-6:30px; --s-7:42px; --s-8:60px;

  /* ---------- SHAPE ---------- */
  --r-card:0;
  --r-inner:0;
  --r-frame:0;
  --r-pill:0;

  /* ---------- ELEVATION ---------- */
  --sh-1:0 1px 2px rgba(31,38,34,.04);
  --sh-2:0 6px 20px rgba(31,38,34,.07);
  --sh-3:0 18px 44px rgba(31,38,34,.10);

  /* ---------- LAYOUT ---------- */
  --rail-w:196px;
  --col-max:668px;
  --col-wide:1400px;
  --drawer-w:50%;
  --drawer-wide:50%;

  /* ---------- LINE ART ---------- */
  --art-stroke:.7px;      /* ornamental drawings */
  --art-opacity:.32;      /* watermark ornament */
  --icon-stroke:1.4px;    /* interface icons */
}

/* ---------- SECTION ACCENT CLASSES ----------
   Put one of these on <body> and every accent-aware
   component on the page picks up the right color. */
.accent-green {--accent:var(--green); --accent-soft:var(--green-soft); --accent-line:var(--green-line); --accent-deep:var(--green-deep);}
.accent-coral {--accent:var(--coral); --accent-soft:var(--coral-soft); --accent-line:var(--coral-line); --accent-deep:var(--coral-deep);}
.accent-blue  {--accent:var(--blue);  --accent-soft:var(--blue-soft);  --accent-line:var(--blue-line);  --accent-deep:var(--blue-deep);}
.accent-purple{--accent:var(--purple);--accent-soft:var(--purple-soft);--accent-line:var(--purple-line);--accent-deep:var(--purple-deep);}
.accent-teal  {--accent:var(--teal);  --accent-soft:var(--teal-soft);  --accent-line:var(--teal-line);  --accent-deep:var(--teal-deep);}