/* Forwartrans HR · web/css/tokens.css — the design tokens of the whole frontend.
   One place for colour, type, spacing, radius and shadow, so a screen never invents its own.
   Inherited from legacy/app/index.html (the 2026 prototype the staff already saw) with the
   accessibility sizes raised: this app is used outdoors, with gloves, by people of every age.

   Sizing rules that are NOT negotiable:
   · minimum interactive height --alvo (56px) — a gloved thumb on a phone in a yard;
   · body text never below 15px, the big button's timer is 44px;
   · every foreground/background pair below is at least 4.5:1 on white or on its own surface.
   Comments in English (CONTRIBUTING.md); every string the user reads is pt-PT and lives in JS/HTML. */

:root{
  /* brand */
  --red:#d02228; --red-dk:#a81b20;
  --blue:#446fb6; --blue-dk:#2f5798; --blue-soft:#e8eef8;

  /* ink and surfaces */
  --ink:#1b1f24; --ink-2:#454c55; --ink-3:#6f7681; --line:#e4e7ec;
  --bg:#f4f6f9; --surface:#ffffff;

  /* semantic */
  --good:#166b48; --good-soft:#e4f1ea; --good-line:#cfe6da;
  --warn:#8f5f10; --warn-soft:#f7efdc; --warn-line:#eadfc4;
  --bad:#9c2f2f;  --bad-soft:#f7e5e3;  --bad-line:#e9cfcf;

  /* type */
  --f-titulo:"Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-texto:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --t-xs:12px; --t-s:13.5px; --t-m:15px; --t-l:17px; --t-xl:21px; --t-timer:44px;

  /* rhythm */
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:24px; --e-6:32px;
  --r-s:10px; --r-m:14px; --r-l:20px;
  --alvo:56px;                      /* minimum touch target — see the note above */
  --sh:0 1px 2px rgba(20,24,28,.05), 0 8px 24px rgba(20,24,28,.07);
  --foco:0 0 0 3px rgba(68,111,182,.45);
}

/* People who ask for less motion get none: the big button's press animation is the only one. */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* Outdoors, in sunlight, some phones are in forced high-contrast. Keep the borders visible. */
@media (prefers-contrast: more){
  :root{ --line:#9aa1ab; --ink-2:#31373f; --ink-3:#4f565f; }
}