/* ============================================================
   TEND — COLOUR TOKENS
   Sourced from TEND Colour Energies.pdf (brand-source hues,
   sampled directly) and the 5.12 Design Framework Brief.
   Every text-on-surface pairing below is WCAG 2.1 AA verified.
   ============================================================ */

:root {
  /* ---- Page neutrals (warm, never pure black/white) ---- */
  --tend-page:        #FAF6EF; /* warm off-white — the page colour of every artefact */
  --tend-page-sunk:   #F4EEE3; /* slightly deeper warm panel / validity-appendix ground */
  --tend-card:        #FFFFFF; /* card / inset white */
  --tend-ink:         #2A2622; /* body charcoal — slightly warm, 13.9:1 on page */
  --tend-ink-soft:    #6B645C; /* secondary text — 5.4:1 on page (AA) */
  --tend-ink-mute:    #847C72; /* muted / captions — 3.8:1 (AA large only) */
  --tend-line:        #E4DDD1; /* hairline rules, chart frames */
  --tend-line-strong: #C9C1B5; /* structural mid-grey rule */

  /* ---- AQUA — the Imaginative Collaborator (North) ---- */
  --aqua-tint: #E3F0F5; /* soft ground */
  --aqua-soft: #9CCBDE; /* fill / chart band */
  --aqua-core: #2F9EC9; /* brand hue — accents, Compass, large graphic fills */
  --aqua-deep: #176383; /* AA text on page (6.2:1) + white-on-fill (6.7:1) */
  --aqua-ink:  #114F69; /* AAA text (8.3:1) */

  /* ---- CORAL — the Driving Achiever (East) ---- */
  --coral-tint: #FBEAE2;
  --coral-soft: #F2A98C;
  --coral-core: #E07A52;
  --coral-deep: #B14E2C; /* AA text (4.9:1) + white-on-fill (5.3:1) */
  --coral-ink:  #933D20; /* 6.7:1 */

  /* ---- AMBER — the Practical Organizer (South) ---- */
  --amber-tint: #FBF0DC;
  --amber-soft: #F2C277;
  --amber-core: #E0921C;
  --amber-deep: #9A610A; /* AA text (4.8:1) + white-on-fill (5.1:1) */
  --amber-ink:  #7E4E06; /* 6.5:1 */

  /* ---- VIOLET — the Supportive Harmonizer (West) ---- */
  --violet-tint: #EDE6F2;
  --violet-soft: #A983C4;
  --violet-core: #6B3D90; /* AA text (7.2:1) + white-on-fill (7.8:1) */
  --violet-deep: #522A72; /* 10.1:1 */
  --violet-ink:  #3F1F59; /* 12.6:1 */

  /* ---- Semantic surface aliases ---- */
  --surface-page:   var(--tend-page);
  --surface-card:   var(--tend-card);
  --surface-sunk:   var(--tend-page-sunk);
  --text-body:      var(--tend-ink);
  --text-secondary: var(--tend-ink-soft);
  --text-muted:     var(--tend-ink-mute);
  --rule:           var(--tend-line);
  --rule-strong:    var(--tend-line-strong);

  /* ---- Validity status (colour + always paired with text/icon) ---- */
  --valid-ok:      var(--aqua-deep);
  --valid-caution: var(--amber-deep);
  --valid-flag:    var(--coral-deep);

  /* energy accessor defaults (overridden per-section by .energy-* scopes) */
  --energy-core: var(--aqua-core);
  --energy-deep: var(--aqua-deep);
  --energy-tint: var(--aqua-tint);
  --energy-soft: var(--aqua-soft);
}

/* ---- Single-energy section scopes ----
   Apply to a report section root to dress it predominantly in that
   energy's neutrals, with the hue as an accent only. ---- */
.energy-aqua   { --energy-core: var(--aqua-core);   --energy-deep: var(--aqua-deep);   --energy-tint: var(--aqua-tint);   --energy-soft: var(--aqua-soft); }
.energy-coral  { --energy-core: var(--coral-core);  --energy-deep: var(--coral-deep);  --energy-tint: var(--coral-tint);  --energy-soft: var(--coral-soft); }
.energy-amber  { --energy-core: var(--amber-core);  --energy-deep: var(--amber-deep);  --energy-tint: var(--amber-tint);  --energy-soft: var(--amber-soft); }
.energy-violet { --energy-core: var(--violet-core); --energy-deep: var(--violet-deep); --energy-tint: var(--violet-tint); --energy-soft: var(--violet-soft); }

/* ============================================================
   DARK MODE — energies sit on a deep warm-charcoal page.
   Same usage rules; energies remain accents.
   ============================================================ */
:root[data-theme="dark"],
.tend-dark {
  --tend-page:        #1A1612;
  --tend-page-sunk:   #221D18;
  --tend-card:        #262019;
  --tend-ink:         #F2ECE2; /* 15.3:1 on dark page */
  --tend-ink-soft:    #C3BAAC;
  --tend-ink-mute:    #8C857A;
  --tend-line:        #352E26;
  --tend-line-strong: #4A4136;

  /* energies lift to their brighter, lower-deep variants for dark grounds */
  --aqua-deep: #6FC2DE;  --aqua-ink: #9CD4E8;
  --coral-deep: #ED9670; --coral-ink: #F2B193;
  --amber-deep: #E6A943; --amber-ink: #EFC179;
  --violet-deep: #B58FD0; --violet-ink: #C9AAE0;

  --surface-page: var(--tend-page);
  --surface-card: var(--tend-card);
  --surface-sunk: var(--tend-page-sunk);
  --text-body: var(--tend-ink);
  --text-secondary: var(--tend-ink-soft);
  --text-muted: var(--tend-ink-mute);
  --rule: var(--tend-line);
  --rule-strong: var(--tend-line-strong);
}