/* Twelve values. Three do the talking: brand blue, night, paper. */
:root{
  /* Blues */
  --wem-blue:#0047e0;          /* brand blue / cobalt — action colour, Angel ground */
  --wem-blue-pressed:#0032a4;  /* hover + active of every blue button and link */
  --wem-blue-nav:#0a2f8f;      /* scrolled header, dropdown + menu panels */
  --wem-sky:#8fb2ff;           /* accent on dark only: numbers, payoff beats, eyebrows */
  --wem-sky-light:#c9dbff;     /* nav hover while the header floats over video */

  /* Darks */
  --wem-night:#0c0f12;         /* immersive dark ground, stat bands, film */
  --wem-ink:#141414;           /* all text on paper, footer, black buttons */

  /* Neutrals */
  --wem-stone:#56524c;         /* body copy + captions on paper */
  --wem-ash:#b3ada4;           /* ink-in animation start colour only */
  --wem-sand:#eae8e2;          /* quiet surface, step panels, code chips */
  --wem-paper:#f6f5f1;         /* page background, paper button on blue */
  --wem-white:#ffffff;         /* cards on paper, all text on dark or blue */

  /* Semantic aliases */
  --wem-bg-page:var(--wem-paper);
  --wem-bg-quiet:var(--wem-sand);
  --wem-bg-card:var(--wem-white);
  --wem-bg-dark:var(--wem-night);
  --wem-bg-brand:var(--wem-blue);
  --wem-bg-nav-solid:rgba(10,47,143,.97);

  --wem-text-strong:var(--wem-ink);
  --wem-text-body:var(--wem-stone);
  --wem-text-on-dark:var(--wem-white);
  --wem-text-on-dark-muted:rgba(255,255,255,.72);
  --wem-text-accent:var(--wem-blue);
  --wem-text-accent-on-dark:var(--wem-sky);

  --wem-action:var(--wem-blue);
  --wem-action-hover:var(--wem-blue-pressed);
  --wem-action-ink:var(--wem-ink);
  --wem-action-paper:var(--wem-paper);

  --wem-hairline:rgba(20,20,20,.14);
  --wem-hairline-on-dark:rgba(255,255,255,.18);
  --wem-field-underline:rgba(20,20,20,.22);

  /* Overlays baked into the system */
  --wem-scrim-stats:rgba(12,15,18,.62);
  --wem-scrim-film:rgba(12,15,18,.52);
  --wem-scrim-tile:linear-gradient(180deg,rgba(12,15,18,.22) 0%,rgba(12,15,18,.82) 100%); /* @kind color */
  --wem-scrim-header:linear-gradient(180deg,rgba(12,15,18,.82) 0%,rgba(12,15,18,.55) 60%,rgba(12,15,18,0) 100%); /* @kind color */
}