/* 4am Digital — Colour tokens
   Brand palette (from the supplied swatch sheet):
   #1F323F  #334D62  #57727E  #89ADB6  #C4E1EE
   Cool, calm, night-time blues. There is no vivid accent — the pale
   ice blue (#C4E1EE) carries highlight duty against the dark slates. */
:root{
  /* Brand ramp — dark → light */
  --slate-900:#1F323F;  /* 4am / deepest night */
  --slate-700:#334D62;
  --slate-500:#57727E;
  --slate-300:#89ADB6;
  --ice-100:#C4E1EE;

  /* Extended neutrals (derived in oklch to sit on the same hue) */
  --ink:#16262F;                 /* text on light, darker than slate-900 */
  --paper:#ECF2F5;               /* soft cool tint — the site's "white" */
  --mist-50:#F4F8FA;             /* lightest cool surface */
  --mist-100:#E7EEF1;            /* section band */
  --mist-200:#D3E0E6;            /* hairline / muted fill */

  /* Semantic — surfaces */
  --surface-page:var(--paper);
  --surface-subtle:var(--mist-50);
  --surface-band:var(--mist-100);
  --surface-card:var(--paper);
  --surface-inverse:var(--slate-900);   /* night sections */
  --surface-inverse-2:var(--slate-700);

  /* Semantic — text */
  --text-strong:var(--slate-900);
  --text-body:#3A4C57;
  --text-muted:var(--slate-500);
  --text-on-dark:#EAF2F5;
  --text-on-dark-muted:#9DB6C0;

  /* Semantic — brand actions */
  --brand:var(--slate-700);
  --brand-strong:var(--slate-900);
  --brand-hover:#28405260;         /* not used directly; see components */
  --accent:var(--ice-100);         /* highlight on dark */
  --accent-ink:var(--slate-900);   /* text sitting on --accent */
  /* Steel — a cool metallic highlight against the night blues. */
  --steel:#A6B4BD;                 /* silver-steel accent, for dark surfaces */
  --steel-deep:#5E7079;            /* deeper steel, legible on light surfaces */

  /* Borders / lines */
  --border:var(--mist-200);
  --border-strong:var(--slate-300);
  --border-on-dark:#3A5567;
  --focus-ring:#89ADB6;

  /* Status (kept on-hue, cool and understated) */
  --success:#3E8E7E;
  --warning:#C9A54B;
  --danger:#C25B54;
  --info:var(--slate-500);
}