/* -----------------------------------------------------------------------------
   COLOUR
   Palette: the ten brand colours, verbatim from the Visual Identity Guidelines
   (p.16). Semantic names map onto them. Borders and rings are alpha-derived
   from palette hexes, never invented.
   -------------------------------------------------------------------------- */
:root {
  /* Palette */
  --dai-teal-900: #154b4c; /* deepest teal   — dark surfaces       */
  --dai-teal-700: #056e6e; /* PRIMARY green  — the Demand AI teal  */
  --dai-teal-600: #207d7f; /* mid teal                            */
  --dai-teal-400: #69a7a7; /* accent teal    — on-dark accents     */
  --dai-teal-300: #90bfc0; /* pale teal                           */
  --dai-teal-100: #ebf3f3; /* tint           — soft section fills  */
  --dai-teal-50:  #f7fafa; /* wash           — page background     */
  --dai-grey-700: #47494b; /* brand grey     — body copy           */
  --dai-black:    #000000;
  --dai-white:    #ffffff;

  /* Brand roles */
  --dai-brand:        var(--dai-teal-700);
  --dai-brand-strong: var(--dai-teal-900); /* hover / pressed */
  --dai-brand-mid:    var(--dai-teal-600);
  --dai-brand-soft:   var(--dai-teal-400);
  --dai-brand-pale:   var(--dai-teal-300);
  --dai-brand-tint:   var(--dai-teal-100);
  --dai-brand-wash:   var(--dai-teal-50);

  /* Text on light surfaces */
  --dai-ink:        var(--dai-black);    /* headings  */
  --dai-text:       var(--dai-grey-700); /* body copy */
  --dai-text-muted: rgba(71, 73, 75, 0.7);
  --dai-text-faint: rgba(71, 73, 75, 0.52);
  --dai-text-brand: var(--dai-teal-700);

  /* Surfaces */
  --dai-surface:       var(--dai-white);
  --dai-surface-soft:  var(--dai-teal-50);
  --dai-surface-tint:  var(--dai-teal-100);
  --dai-surface-night: var(--dai-teal-900);

  /* Borders + focus ring */
  --dai-border:        rgba(21, 75, 76, 0.12);
  --dai-border-strong: rgba(21, 75, 76, 0.22);
  --dai-border-brand:  rgba(5, 110, 110, 0.4);
  --dai-ring:          0 0 0 4px rgba(105, 167, 167, 0.35);

  /* On dark (--dai-surface-night) */
  --dai-on-night:        var(--dai-teal-100);
  --dai-on-night-muted:  rgba(235, 243, 243, 0.72);
  --dai-on-night-accent: var(--dai-teal-300);
  --dai-border-on-night: rgba(235, 243, 243, 0.16);

  /* Status — the only non-palette hues, carried over from the site's forms */
  --dai-danger:      #c0392b;
  --dai-danger-ink:  #922b21;
  --dai-success-ink: #0c4a4a;

  /* Data visualisation — ordered ramp (light to dark) and categorical series.
     Mirrors rampTeal / seriesColors in the source system's tokens.ts. */
  --dai-ramp-1: var(--dai-teal-100);
  --dai-ramp-2: var(--dai-teal-300);
  --dai-ramp-3: var(--dai-teal-400);
  --dai-ramp-4: var(--dai-teal-600);
  --dai-ramp-5: var(--dai-teal-700);
  --dai-ramp-6: var(--dai-teal-900);
  --dai-series-1: var(--dai-teal-700);
  --dai-series-2: var(--dai-teal-300);
  --dai-series-3: var(--dai-teal-900);
  --dai-series-4: var(--dai-teal-400);
  --dai-series-5: var(--dai-teal-600);
  --dai-series-6: var(--dai-grey-700);
}