/* ===========================================================================
   ACCSERA — MASTER COLOUR PALETTE  (V1.1 "White & Blue")
   ---------------------------------------------------------------------------
   THIS IS THE ONLY FILE YOU NEED TO EDIT TO RECOLOUR THE SITE.

   Every colour on the site — including the ones inside the inline SVG
   illustrations — resolves to a token defined here. Change a value below and
   it propagates everywhere. There are no hard-coded brand colours left in the
   pages or in accsera.css.

   HOW IT WORKS
     Pages reference tokens as var(--token), including in SVG presentation
     attributes, e.g.  <rect fill="var(--bg-tint)" stroke="var(--line)"/>.
     Browsers parse presentation attributes as CSS values, so var() resolves
     there exactly as it does in a stylesheet. (Verified in Chromium.)

   LOAD ORDER
     palette.css MUST be linked before accsera.css:
       <link rel="stylesheet" href="assets/palette.css">
       <link rel="stylesheet" href="assets/accsera.css">

   THE standalone/ PAGES
     Those are intentionally single-file (no external CSS), so they carry an
     inlined copy of the :root block below. After editing this file, run:
       node tools/sync-palette.mjs
     to push the change into them. That keeps this file the single source of
     truth even for the standalone exports.

   ON PURE WHITE (#fff)
     #fff is deliberately NOT tokenised. It does two unrelated jobs in the
     artwork: card/panel surfaces, and icon marks drawn ON TOP of dark blue
     blocks. Collapsing both into one token would mean changing "card colour"
     silently inverted the icons. If you ever want off-white cards, add a
     --surface token and apply it only to the panel rects.

   V1.1 CHANGE: the cream palette (#F6F3EE light cream, #EAE4DA dark cream and
   their warm borders) was replaced with white + blue tints. No cream remains.
   =========================================================================== */

:root{

  /* ---- Surfaces ------------------------------------------------------- */
  --bg:            #FFFFFF;  /* page background            (was #F6F3EE cream) */
  --bg-tint:       #E8F0FA;  /* soft blue band, SVG bars   (was #EAE4DA cream) */

  /* ---- Lines & borders ------------------------------------------------ */
  --line:          #D4E2F3;  /* default hairline           (was #DCD4C6) */
  --line-soft:     #E5EEF9;  /* subtler divider            (was #E2DBCD) */
  --line-strong:   #B8CCE7;  /* emphasised edge            (was #C9BFAC / #CBBFA8) */
  --line-mid:      #A7BFDE;  /* mid-weight edge            (was #B4A991) */

  /* ---- Text ----------------------------------------------------------- */
  --ink:           #1A1A1C;  /* headings */
  --ink2:          #2A2530;
  --text:          #544F5A;  /* body copy */
  --muted:         #6E7C91;  /* secondary text  (was warm #8A8375) */

  /* ---- Brand blues ---------------------------------------------------- */
  --blue:          #467FF7;  /* primary action blue */
  --blue-light:    #8FB4FF;  /* flow lines, light bars */
  --blue-deep:     #184884;  /* deep brand blue */
  --blue-deeper:   #0F2D55;
  --navy:          #1C244B;  /* dark panels / headers */
  --navy-deep:     #141A38;

  /* ---- Violet accent -------------------------------------------------- */
  --violet:        #8562BE;
  --violet-deep:   #6B4E96;
  --violet-50:     #EFEAFC;
  --violet-100:    #DCD0F0;

  /* ---- Slate / lavender greys ----------------------------------------- */
  --slate:         #5C6789;
  --slate-2:       #3C4A78;
  --slate-3:       #495273;
  --slate-4:       #79839F;
  --slate-5:       #8388B0;
  --slate-6:       #9AA0C4;
  --slate-7:       #767CA6;
  --lav:           #C7CBE0;
  --lav-2:         #A7ADD0;
  --lav-3:         #A9B2CE;

  /* ---- "verify" annotation chip --------------------------------------- */
  /* Was a warm amber-on-cream badge (#A14B00 on #FDF4E3, dashed #D9B877).
     Re-cast in blue so no cream survives anywhere. */
  --flag-ink:      #1C4E8A;
  --flag-bg:       #EAF2FE;
  --flag-line:     #8FB4FF;

}