/* ============================================================
   COLORS — Cross-Functional Product Process / AI-Enablement
   Source of truth: prd-writer/references/output-formats.md
   "All documents share one purple palette." Hex values exact.
   ============================================================ */
:root {
  /* ---- Base palette (use these hex values exactly) ---- */
  --midnight-plum: #2B1B4D; /* cover panels, stat callout bands, table header rows */
  --royal-violet:  #6C3FC5; /* Heading 1, accent rules, borders, links */
  --orchid:        #9D7BE0; /* eyebrow labels, section numerals, secondary accents, chart series */
  --lavender-mist: #EFEAF8; /* callout fills, table row banding, sidebar panels */
  --ink:           #221A33; /* body text */
  --slate:         #6F6A7D; /* captions, metadata, footers, attributions */
  --white:         #FFFFFF;

  /* Supporting tints derived from the palette (used in renderers) */
  --code-fill:     #F5F3FA; /* code blocks / monospace panels */
  --hairline:      #DDDADF; /* table grid lines, soft dividers (CCCCCC/DDDDDD in renderers) */
  --orchid-soft:   #C9BCE8; /* metadata text on dark panels */
  --lavender-deep: #E2D8F2; /* pressed / hover state on lavender surfaces */

  /* ---- Semantic aliases ---- */
  --text-body:        var(--ink);
  --text-heading:     var(--royal-violet);
  --text-display:     var(--midnight-plum); /* oversized section titles on light */
  --text-muted:       var(--slate);
  --text-eyebrow:     var(--orchid);
  --text-on-dark:     var(--white);
  --text-on-dark-dim: var(--orchid);
  --text-link:        var(--royal-violet);

  --surface-page:     var(--white);
  --surface-panel:    var(--midnight-plum); /* cover/stat/header bands */
  --surface-card:     var(--lavender-mist); /* callouts, cards, sidebar panels */
  --surface-zebra:    var(--lavender-mist); /* banded table rows */
  --surface-code:     var(--code-fill);

  --border-accent:    var(--royal-violet); /* left rules, top rules, accent borders */
  --border-hairline:  var(--hairline);
  --rule-accent:      var(--royal-violet);
  --numeral-accent:   var(--orchid);
}