/* thf-dv-colors.css
   Chart palette and UI color tokens for the THF data graphics system.
   Edit this file to update colors across all graphics.
   Load before thf-dv-variables.css, thf-dv-fonts.css, and thf-dv-layout.css.
   ─────────────────────────────────────────────────────────────────────────── */

:root {

  /* ── Chart palette: hues ──────────────────────────────────────────────────
     8 distinctive hues for data series.
     Referenced by name in YAML (e.g. colors: [blue, green, red]).
     Mapped to CSS variables in thf-dv-utils.js COLOR_MAP.
     ---------------------------------------------------------------------- */

  --dv-blue:          #1a4fd6;
  --dv-green:         #1a8c4e;
  --dv-red:           #c0392b;
  --dv-orange:        #d4620a;
  --dv-purple:        #6b3fd4;
  --dv-teal:          #0e7c72;
  --dv-pink:          #c2316b;
  --dv-amber:         #b8860b;


  /* ── Chart palette: grays ─────────────────────────────────────────────────
     5 neutral grays for data series.
     Referenced by name in YAML (e.g. colors: [gray-medium, gray-dark]).
     ---------------------------------------------------------------------- */

  --dv-gray-vlight:   #c8c8c8;   /* just visible on white */
  --dv-gray-light:    #a0a0a0;
  --dv-gray-medium:   #707070;
  --dv-gray-dark:     #484848;
  --dv-gray-vdark:    #282828;   /* dark but not black */


  /* ── UI colors: borders and backgrounds ───────────────────────────────────
     Structural elements, not data series.
     ---------------------------------------------------------------------- */

  --color-border:          #d6d4cc;
  --color-border-strong:   #a09e96;
  --color-bg-page:         #ffffff;
  --color-bg-surface:      #f5f4f0;


  /* ── UI colors: text (ink levels) ─────────────────────────────────────────
     ---------------------------------------------------------------------- */

  --color-ink-1:           #1a1916;   /* primary — headlines */
  --color-ink-2:           #5a5850;   /* secondary — intro, notes */
  --color-ink-3:           #9a9890;   /* tertiary — labels, designation */


  /* ── Chart structural colors ──────────────────────────────────────────────
     Axis lines, grid lines, zero baseline.
     ---------------------------------------------------------------------- */

  --color-grid:            #e8e6e0;
  --color-axis:            #d6d4cc;
  --color-zero-baseline:   #a09e96;   /* distinctly darker than grid */

}