/* ============================================================
   Red Door Analytics — Color tokens
   Source of truth: the brand logo files (icon.svg, logo-web.svg) and the
   production site, which both use #FA0036.
   RESOLVED 2026-08-02: the palette PNG specified a slightly cooler red while
   the logo art and the live site shipped #FA0036, so the same token name meant
   one colour here and another in rda-site. The logo wins — it is the
   load-bearing artefact, and restating a palette sheet is cheaper than
   reissuing a mark. The separate "hot" token is retired; there is one red.
   The brand is navy + a single decisive red, on white, with a
   cool blue family for panels. Red is an accent, never a flood.
   ============================================================ */

:root {
  /* ---- Brand core (the six official swatches) ---- */
  --rda-navy:       #152D49;  /* primary ink / dark surface */
  --rda-red:        #FA0036;  /* brand red — the value the logo files use */
  --rda-white:      #FFFFFF;
  --rda-grey:       #CDCDCD;
  --rda-blue-panel: #DBE3F0;  /* signature pale-blue section panel */
  --rda-blue:       #6F97D8;  /* mid blue — data / secondary accent */

  /* ---- Brand support ---- */
  --rda-red-dark:   #C4002A;  /* pressed / hover-darken */
  --rda-navy-soft:  #2C4360;

  /* ---- Ink ramp (text) ---- */
  --ink:        #152D49;  /* headings, primary text */
  --ink-soft:   #2C4360;  /* body copy */
  --ink-muted:  #5A6A82;  /* secondary / meta */
  --ink-faint:  #7D8A9E;  /* captions, var labels */
  --ink-ghost:  #A7AFBE;  /* disabled / future-state glyphs */
  --ink-on-dark:      #FFFFFF;
  --ink-on-dark-soft: rgba(255, 255, 255, 0.78);

  /* ---- Surfaces ---- */
  --surface:        #FFFFFF;  /* page + cards */
  --surface-panel:  #F6F8FC;  /* faint navy-tint alternating section */
  --surface-blue:   #DBE3F0;  /* feature / aside panels */
  --surface-blue-soft: #ECF0F7;
  --surface-dark:   #152D49;  /* CTA banners, footer, code */

  /* ---- Borders / rules ---- */
  --rule:        #E7ECF3;  /* default hairline */
  --rule-blue:   #C8D2E3;  /* hover & on-blue borders */
  --rule-on-dark: rgba(255, 255, 255, 0.12);

  /* ---- Code / link accents ---- */
  --code-blue:      #4A8FE6;  /* links pointing to code / repos */
  --code-blue-dark: #2F74D6;

  /* ---- Accent system ---- */
  --accent:       #FA0036;
  --accent-hover: #C4002A;
  --accent-tint:  rgba(250, 0, 54, 0.08);  /* faint red wash */
  --focus-ring:   rgba(250, 0, 54, 0.18);
}