/* ReadySWPPP design tokens (lead, Nov 14 2026). Shared by the public site and the app.
   Direction: practical and calm, readable in sunlight on a phone, big tap targets, one strong action per screen.
   Water blue = trust and the subject; safety yellow = the one primary action; green/amber/red = status only. */
:root {
  --brand: #0E5A7A;        /* deep water blue: headers, links, brand */
  --brand-dark: #0A3F56;
  --brand-soft: #E6F1F6;
  --accent: #F5B301;       /* safety yellow: the primary button (dark text on it) */
  --accent-dark: #C98F00;
  --ink: #14181F;          /* body text */
  --muted: #5B6573;        /* secondary text */
  --line: #D9DEE5;         /* borders */
  --bg: #FFFFFF;
  --bg-soft: #F3F6F9;
  --ok: #1E7B3C;  --ok-soft: #E7F4EC;
  --warn: #9A5B00; --warn-soft: #FFF4DC;
  --bad: #B42318;  --bad-soft: #FDECEA;
  --radius: 10px;
  --tap: 48px;             /* minimum tap target */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --size: 17px;            /* base on phones */
  --maxw: 720px;           /* reading width */
}
html { font-family: var(--font); font-size: var(--size); color: var(--ink); background: var(--bg); line-height: 1.5; }