/* Cognia tokens: the Prime One brand (P1Brand in worker/src/projects/prime-one-main.js, Brand Standards §3–5),
   sized for store iPads in detail sheds (gloves, glare). Never hard-code a color or font in a screen; use these.
   Status colors are for status only. Square corners everywhere. */
:root{
  /* brand */
  --p1-navy:#242D3C; --p1-deep:#161C27; --p1-silver:#A9AFB8; --p1-steel:#5B636F; --p1-lsilver:#D5D9E0;
  --p1-hair:#E2E5EA; --p1-mist:#F3F4F6; --p1-white:#FFFFFF; --p1-hair-soft:#EEF0F3; --p1-paper:#FAFBFC;
  /* status only (palette C jewel tones); *-ink = text on light grounds, 4.5:1 or better */
  --p1-green:#1C8A6A; --p1-amber:#C9952F; --p1-red:#9A2F3F;
  --p1-green-bg:#EAF3EE; --p1-amber-bg:#F8F0E2; --p1-red-bg:#F8E9E7;
  --p1-green-ink:#256B4C; --p1-amber-ink:#8A5A12;
  /* type */
  --p1-f:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --p1-lf:"Michroma","Inter",system-ui,sans-serif;
  --p1-ease:cubic-bezier(.65,0,.35,1);
  /* iPad sizes (CSS px = pt on iPad) */
  --cg-body:17px;          /* body text >= 16 */
  --cg-small:16px;         /* the smallest text on screen */
  --cg-tap:48px;           /* every target >= 44 */
  --cg-main:64px;          /* main actions >= 56 */
  --cg-hero:132px;         /* the one obvious action on a screen */
  --cg-gap:12px; --cg-pad:24px; --cg-bar:68px;
  --cg-st:env(safe-area-inset-top,0px); --cg-sb:env(safe-area-inset-bottom,0px);
  --cg-sl:env(safe-area-inset-left,0px); --cg-sr:env(safe-area-inset-right,0px);
  color-scheme:light;
}