/* Eastern Treads — QC Ledger UI tokens. Single source of truth. v1.0 */
:root {
  /* Brand (one variable drives header, primary buttons, active states) */
  --et-brand: #8D0C17;
  --et-brand-dark: #77171D;       /* pressed / header bottom edge */
  --et-brand-tint: #F9ECED;       /* selected row / chip background */
  --et-brand-tint-2: #F1D3D6;     /* selected chip border */
  --et-on-brand: #FFFFFF;

  /* Surfaces */
  --et-bg: #F3F4F7;               /* page */
  --et-surface: #FFFFFF;          /* card */
  --et-surface-2: #F8F9FB;        /* nested / section header */
  --et-border: #E3E6EC;
  --et-border-strong: #C9CED8;

  /* Text */
  --et-text: #121417;
  --et-text-2: #5C6370;
  --et-text-3: #9AA1AD;           /* placeholder, disabled */

  /* Semantic — never rely on hue alone; always pair with icon + word */
  --et-pass: #157F3B;  --et-pass-bg: #E3F5EA;  --et-pass-border: #A9DDBB;
  --et-fail: #B45309;  --et-fail-bg: #FEF3C7;  --et-fail-border: #F5C76A;  --et-fail-fill: #F59E0B;
  --et-hold: #B45309;  --et-hold-bg: #FEF3C7;  /* Hold shares the warning family */
  --et-info: #1E4ED8;  --et-info-bg: #E8EEFC;  /* sync, offline queue */
  --et-offline: #475569; --et-offline-bg: #E2E8F0;

  /* Type */
  --et-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --et-font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace; /* lot / MO / serial numbers */
  --et-fs-xs: 12px; --et-fs-sm: 13px; --et-fs-md: 15px; --et-fs-lg: 17px;
  --et-fs-xl: 20px; --et-fs-2xl: 24px; --et-fs-3xl: 30px;
  --et-lh: 1.4;

  /* Space (4pt grid) */
  --et-s1: 4px; --et-s2: 8px; --et-s3: 12px; --et-s4: 16px;
  --et-s5: 20px; --et-s6: 24px; --et-s8: 32px; --et-s10: 40px;

  /* Radius */
  --et-r-sm: 8px; --et-r-md: 12px; --et-r-lg: 16px; --et-r-xl: 20px; --et-r-pill: 999px;

  /* Elevation (soft, single-direction, as in refs) */
  --et-shadow-1: 0 1px 2px rgba(18,20,23,.06), 0 1px 3px rgba(18,20,23,.04);
  --et-shadow-2: 0 4px 12px rgba(18,20,23,.08);
  --et-shadow-brand: 0 6px 16px rgba(141,12,23,.28);

  /* Hit targets — factory floor */
  --et-tap: 48px;        /* minimum */
  --et-tap-lg: 56px;     /* primary buttons, scan, big tiles */

  /* Layout */
  --et-page-x: 16px;
  --et-header-h: 56px;
  --et-tabbar-h: 64px;

  /* Motion */
  --et-ease: cubic-bezier(.2,.8,.2,1);
  --et-dur: 180ms;
}