/* EliteStock design tokens — v3 "trade terminal" (2026-10-28)
   Source rules: research/premium-design-playbook.md (Maul-style for trade/stock).
   Two families + one helper: Onest (display + body), JetBrains Mono (SKU / qty / price meta).
   Near-black + off-white + ONE accent (signal orange), used sparingly. */
:root{
  /* ---- fonts ---- */
  --font-sans: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- fluid type scale (min @ 360px → max @ 1440px) ---- */
  --fs-display: clamp(3.1rem, 1.6rem + 7.2vw, 8.25rem);   /* hero only */
  --fs-h1:      clamp(2.5rem, 1.6rem + 4.2vw, 5.25rem);
  --fs-h2:      clamp(1.9rem, 1.35rem + 2.6vw, 3.5rem);
  --fs-h3:      clamp(1.12rem, 1.02rem + .45vw, 1.4rem);
  --fs-lead:    clamp(1.06rem, 1rem + .35vw, 1.3rem);
  --fs-body:    1rem;          /* 16px */
  --fs-small:   .875rem;       /* 14px */
  --fs-label:   .72rem;        /* 11.5px uppercase eyebrow / meta */
  --fs-mono:    .8rem;

  /* ---- weight by level: heavy only at display, light-medium below ---- */
  --fw-display: 700; --fw-head: 600; --fw-body: 400; --fw-strong: 500;

  /* ---- letter-spacing by level ---- */
  --ls-display: -0.045em;
  --ls-h1:      -0.035em;
  --ls-h2:      -0.025em;
  --ls-h3:      -0.012em;
  --ls-body:     0;
  --ls-label:    0.16em;   /* uppercase eyebrows */
  --ls-mono:     0.02em;

  /* ---- line heights ---- */
  --lh-display: .92; --lh-head: 1.04; --lh-body: 1.6;

  /* ---- colour: near-black, off-white, one accent ---- */
  --ink:      #0E0F10;
  --ink-80:   #2A2C2F;
  --ink-60:   #5E6166;
  --ink-40:   #8D9096;
  --ink-15:   rgba(14,15,16,.12);
  --ink-08:   rgba(14,15,16,.07);
  --paper:    #F3F1EC;
  --paper-2:  #EAE7E0;
  --white:    #FFFFFF;
  --accent:   #FF5B1F;           /* signal orange — labels, one CTA, hover */
  --accent-ink:#B83A0C;
  --ok:       #1F9D55;
  --dark:     #0E0F10;
  --dark-2:   #17181A;
  --on-dark:  #F3F1EC;
  --on-dark-60: rgba(243,241,236,.62);
  --on-dark-15: rgba(243,241,236,.14);

  /* ---- spacing ---- */
  --gutter:   clamp(16px, 4vw, 48px);
  --max:      1320px;
  --section:  clamp(4.5rem, 3rem + 7vw, 10rem);
  --s-1: .25rem; --s-2: .5rem; --s-3: .75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4.5rem;

  /* ---- radius (concentric: inner = outer - shell padding) ---- */
  --r-sm: 10px; --r-md: 18px; --r-lg: 30px; --r-pill: 999px;
  --shell: 6px;

  /* ---- shadows: soft, diffuse ---- */
  --sh-soft: 0 1px 1px rgba(14,15,16,.03), 0 18px 50px -24px rgba(14,15,16,.18);
  --sh-lift: 0 2px 2px rgba(14,15,16,.03), 0 30px 70px -30px rgba(14,15,16,.28);

  /* ---- motion ---- */
  --ease-out:  cubic-bezier(.16,1,.3,1);      /* soft settle (Maul) */
  --ease-wipe: cubic-bezier(.76,0,.24,1);     /* in-out wipe */
  --ease-press:cubic-bezier(.32,.72,0,1);
  --dur-1: .25s; --dur-2: .5s; --dur-3: .9s;
}