/* AccessCast design tokens — the one source for brand values shared by the landing page and the
   three consoles. Same token names as the REACH ME system; AccessCast values. Load first. */
:root {
  /* Brand: public-information teal -> signal blue, with a warm "action" accent */
  --teal: #0b7f80;   /* white text on it >= 4.5:1 at every size (was #12a3a3, 3.09:1) */
  --sea: #0e7490;
  --blue: #2f5bea;
  --sun: #ffb020;
  --flow: linear-gradient(90deg, var(--teal), var(--sea) 50%, var(--blue));

  /* Surfaces */
  --paper: #f5f8f7;   /* light screens */
  --mist: #dff3f1;    /* light-screen glow */
  --night: #071a24;   /* dark screens */
  --deep: #0f3040;    /* dark buttons, strong text on light */

  /* Text and lines */
  --ink: #0b2230;
  --muted: #4d6470;
  --line: #d3e2e3;

  /* States and quiet variants */
  --focus: #7fe3dc;
  --focus-on-light: #0b6b6b;
  --tint: #e6f6f5;        /* secondary button / pill fill */
  --tint-deep: #0b5a5a;   /* text on --tint */
  --danger-tint: #fdecee;
  --danger: #9d2532;
  --warn-tint: #fff4d8;
  --warn: #7a4b00;
  --ok-tint: #e3f5ea;
  --ok: #1f7a4d;
  --on-night-soft: #d6e6ea;

  /* Readable sizes for older users: one step above common web defaults */
  --fs-small: 16px;
  --fs-body: 19px;
  --fs-lead: clamp(21px, 1.9vw, 30px);
  --fs-control: 20px;
  --tap: 56px;        /* minimum height of anything you press */

  /* Type and motion */
  --sans: "Noto Sans Thai", "Leelawadee UI", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ease: cubic-bezier(.23, 1, .32, 1);
}