/* ==========================================================================
   The Measurement Lab — Color Tokens
   Source: TML_Brand_Assets.md / TML_Master_PPT_Style_Guide.md
   Only these colours are permitted. Forbidden legacy colours (do not use):
   #1F4E79, #2E75B6, #333333, #444444, #888888.
   ========================================================================== */

:root {
  /* ---- Brand palette (base values) ---- */
  --tml-purple:        #4A1D8C; /* Primary Purple  — title/header bars, structure, card 01 */
  --tml-purple-mid:    #7B3FA0; /* Mid Purple      — card 02, column labels, INSIGHT bg     */
  --tml-purple-light:  #F0E8F8; /* Light Purple    — content card fills, metric cards       */
  --tml-purple-pale:   #C49FDB; /* Pale Purple     — tertiary accents only                  */
  --tml-terracotta:    #C97B5A; /* Terracotta      — the ONE accent, used sparingly         */

  --tml-white:         #FFFFFF;
  --tml-grey:          #F5F5F5; /* secondary backgrounds, even table rows */
  --tml-grey-border:   #CCCCCC; /* table / card borders (documents)       */
  --tml-dark:          #1A1A2E; /* all body text on light backgrounds     */
  --tml-muted:         #AAAAAA; /* footer text, captions                  */

  /* logo-only mark tints (do not use as UI colours) */
  --tml-mark-fill:     #EAD8F5;
  --tml-mark-stroke-1: #9B6DBF;
  --tml-mark-stroke-2: #C49FDB;

  /* ---- Semantic aliases ---- */
  --text-body:        var(--tml-dark);
  --text-muted:       var(--tml-muted);
  --text-on-purple:   var(--tml-white);
  --text-heading:     var(--tml-purple);
  --text-subheading:  var(--tml-purple-mid);
  --text-accent:      var(--tml-terracotta);

  --surface-page:     var(--tml-white);
  --surface-secondary:var(--tml-grey);
  --surface-card:     var(--tml-white);
  --surface-card-soft:var(--tml-purple-light); /* light-purple filled cards */
  --surface-header:   var(--tml-purple);       /* slide/doc header bars      */
  --surface-band:     var(--tml-terracotta);   /* title/closing accent band  */

  --border-card:      var(--tml-grey-border);
  --border-divider:   var(--tml-terracotta);

  /* numbered-card header strips (slide 5) */
  --num-01-bg: var(--tml-purple);
  --num-02-bg: var(--tml-purple-mid);
  --num-03-bg: var(--tml-terracotta);

  /* label chips */
  --label-insight-bg: var(--tml-purple-mid);
  --label-action-bg:  var(--tml-terracotta);
}