/* Preventy — Colors
 * A blue-and-white duet: one deep brand blue (#0F3F71) on a near-white canvas.
 * Sky is a sparing secondary accent; red lives ONLY in error/warning. */
:root{
  /* — Brand & interaction — */
  --blue-ink:#0F3F71;      /* the defining deep brand blue */
  --blue-on:#ffffff;       /* text/icons on brand fill */
  --link:#0F3F71;          /* inline links, focus, active/positive signal */
  --link-deep:#0A2E54;     /* pressed link / brand press */
  --link-soft:#DCEBFA;     /* light link wash */
  --sky:#6DCAF7;           /* light secondary accent (sparing) */
  --sky-soft:#D6EFFC;      /* soft sky wash */

  /* — Text ladder (never pure black) — */
  --ink:#0F3F71;           /* high-emphasis headings & text */
  --body:#4d4d4d;          /* default paragraph & secondary text, nav links */
  --mute:#8f8f8f;          /* captions, metadata */
  --faint:#a1a1a1;         /* placeholders, disabled labels */

  /* — Surface — */
  --canvas:#fafafa;        /* the near-white page sheet */
  --canvas-elevated:#ffffff; /* cards, buttons, inputs, code */
  --surface-soft:#f2f2f2;  /* subtle alternating / sunken panels */

  /* — Border — */
  --hairline:#ebebeb;      /* the 1px workhorse border */
  --hairline-soft:#f2f2f2; /* faintest divider */

  /* — Semantic (red = errors only) — */
  --error:#9C2618;
  --error-deep:#7A1D12;
  --error-soft:#F6E1DD;
  --warning:#f5a623;
  --warning-deep:#ab570a;
  --warning-soft:#ffefcf;
  --success:#0F3F71;       /* success/active maps onto the brand blue */

  /* — Brand gradient (the sole decorative system; lives in the hero) — */
  --gradient-start:#0F3F71;
  --gradient-mid:#3B7BB0;
  --gradient-end:#6DCAF7;
  --brand-gradient:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 52%,var(--gradient-end) 100%);

  /* — Semantic aliases (author against these) — */
  --text-strong:var(--ink);
  --text-body:var(--body);
  --text-mute:var(--mute);
  --text-faint:var(--faint);
  --text-on-brand:var(--blue-on);
  --surface-page:var(--canvas);
  --surface-card:var(--canvas-elevated);
  --surface-sunken:var(--surface-soft);
  --border:var(--hairline);
  --border-soft:var(--hairline-soft);
  --brand:var(--blue-ink);
  --brand-press:var(--link-deep);
  --focus-ring:var(--link-soft);
}