/* DHI design tokens v2 — Darkhorse Powersports. One file; every screen imports it. */
@font-face{font-family:'Inter';src:url('/static/erp/fonts/Inter-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/erp/fonts/Inter-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600 700;font-display:swap}
:root{
  /* Brand */
  --gold-500:#E4A92E;   /* the ONE primary accent: fills, active markers, focus */
  --gold-600:#CF9520;   /* primary hover */
  --gold-700:#B47F14;   /* primary pressed */
  --gold-50:#FDF6E7;    /* selected tint */
  --gold-ink:#7A5500;   /* gold-family TEXT on light bg (AA 6.1:1 on white) */
  --on-gold:#17140D;    /* text on gold (9.6:1) */

  /* Chrome (header + sidebar) */
  --chrome:#0E0E0D; --chrome-2:#1A1A18; --chrome-3:#262624; --chrome-line:#2E2E2B;
  --chrome-text:#F4F1EA; --chrome-muted:#A8A59C; /* 7.4:1 on chrome */

  /* Neutrals (content) */
  --bg:#F5F5F3; --surface:#FFFFFF; --surface-2:#FAFAF8; --hover:#F1F1EE;
  --border:#E4E3DF; --border-strong:#D0CEC8;
  --text:#18181B;       /* 17.7:1 */
  --text-2:#52525B;     /* 7.7:1  secondary text */
  --text-3:#6B6B73;     /* 5.3:1  placeholders, captions (min) */

  /* Semantic: base (fills/icons), ink (text on tint), tint (backgrounds) */
  --red:#DC2626;   --red-ink:#B91C1C;   --red-tint:#FEF2F2;
  --amber:#D97706; --amber-ink:#92400E; --amber-tint:#FFFBEB;
  --green:#16A34A; --green-ink:#166534; --green-tint:#F0FDF4;
  --blue:#2563EB;  --blue-ink:#1E40AF;  --blue-tint:#EFF6FF;

  /* Type */
  --font:'Inter','Inter Variable',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --fs-cap:13px;  /* labels, captions: the floor. Nothing smaller. */
  --fs-sm:14px; --fs-body:15px; --fs-md:16px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:28px; --fs-3xl:34px;
  --lh-tight:1.2; --lh:1.45;
  --fw-reg:400; --fw-med:500; --fw-semi:600; --fw-bold:700;
  /* money: font-variant-numeric: tabular-nums (class .num) */

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

  /* Radius */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-xl:20px; --r-pill:999px;

  /* Elevation */
  --sh-1:0 1px 2px rgba(16,16,14,.06),0 1px 1px rgba(16,16,14,.04);
  --sh-2:0 4px 12px -2px rgba(16,16,14,.10),0 2px 4px -2px rgba(16,16,14,.06);
  --sh-3:0 16px 40px -8px rgba(16,16,14,.22),0 6px 12px -6px rgba(16,16,14,.12);
  --sh-gold:0 6px 16px -6px rgba(228,169,46,.65);

  /* Focus ring: visible on light and dark */
  --ring:0 0 0 2px #fff,0 0 0 4px var(--gold-500);
  --ring-dark:0 0 0 2px var(--chrome),0 0 0 4px var(--gold-500);

  /* Control heights */
  --h-s:36px; --h-m:44px; --h-l:56px;

  /* Layout */
  --header-h:56px; --side-w:232px; --side-rail:72px;
  --ease:cubic-bezier(.2,.8,.2,1); --t-fast:120ms; --t:200ms;
}