/* JAVLIN OS prototype tokens.
   Source of each value is noted; see README.md "Design tokens". */
:root {
  /* Javlin brand — ComplianceOS tailwind.config.ts @658056a (colors.navy / ink / steel / line / brand / surface / safety / arrow) */
  --navy: #172344;          /* navy.DEFAULT, ink, BRAND.colors.navy (also the hub navy) */
  --navy-dark: #101a35;     /* navy.dark */
  --navy-600: #131d3a;      /* brand.600 */
  --navy-400: #5F73A0;      /* brand.400 */
  --navy-300: #8FA1C2;      /* brand.300 */
  --navy-200: #B7C3D9;      /* brand.200 */
  --navy-100: #DBE1EC;      /* brand.100 */
  --navy-50: #EDF0F6;       /* brand.50 */
  --ink: #172344;           /* ink */
  --steel: #47506B;         /* steel — secondary text */
  --line: #D9D7D0;          /* line — borders */
  --panel: #FFFFFF;         /* panel */
  --ground: #F2F4F8;        /* surface.cool — page ground (brief: white/gray surfaces) */
  --paper: #EFEEEA;         /* paper — kept for the kiosk screen only */
  --green: #177A42;         /* safety.green */
  --amber: #8A5600;         /* safety.amber */
  --red: #C23A3F;           /* safety.red */
  --orange: #F4601C;        /* arrow — small brand accent only */

  /* Action blue — approved mockups v1 (Fase B): #1F5FD6 / hover #174AA8 */
  --blue: #1F5FD6;
  --blue-dark: #174AA8;

  /* Derived in this prototype (tints of the tokens above, for stamps and rows) */
  --line-soft: #E6E8EE;
  --navy-rail: #223158;     /* active row on navy */
  --green-tint: #E3F1E9;
  --amber-tint: #F6EBD5;
  --red-tint: #F8E4E4;
  --blue-tint: #E4ECFB;
  --muted-tint: #ECEEF3;

  /* Type — tailwind.config.ts fontFamily.sans / fontFamily.mono */
  --sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --fs-body: 15px;
  --fs-data: 14px;
  --fs-small: 13px;         /* floor: nothing below 13px */

  /* Shape — brief: no very rounded corners (max 6px) */
  --r: 4px;
  --r-lg: 6px;

  --side-w: 248px;
  --top-h: 56px;
  --sticky-top: 56px;
}