/* Uplift Auto & Parts — design tokens
   Committed dark. One accent (signal amber) with exactly one job: action.
   Everything else is value and density. See DESIGN.md §2. */

:root {
  /* ---- Ground and surfaces ------------------------------------------ */
  --ground:      #0B0C0E;   /* page ground — near black, faint cool cast */
  --ground-2:    #0F1114;   /* alternating band */
  --surface:     #14171B;   /* cards, panels */
  --surface-2:   #1C2026;   /* hover / raised */
  --surface-3:   #262B33;   /* input wells, inert chips */

  --line:        rgba(255, 255, 255, 0.09);   /* hairline */
  --line-2:      rgba(255, 255, 255, 0.17);   /* card edge, dividers */
  --line-3:      rgba(255, 255, 255, 0.30);   /* focused / active edge */

  /* ---- Text ---------------------------------------------------------- */
  --fg:          #F4F6F8;   /* headings and body — 17.5:1 on ground */
  --fg-2:        #A9B2BD;   /* secondary copy — 9.1:1 */
  --fg-3:        #78828F;   /* meta and mono labels — 5.0:1, the floor */

  /* ---- The one accent ------------------------------------------------ */
  --signal:      #FF6A00;   /* ACTIONS + PRICES only. 6.7:1 on ground */
  --signal-hot:  #FF8C33;   /* hover */
  --signal-deep: #C24E00;   /* pressed, and amber on light chips */
  --signal-wash: rgba(255, 106, 0, 0.10);

  /* ---- Status. Value first, hue second ------------------------------- */
  --ok:          #F4F6F8;   /* Available — the loudest chip is plain light */
  --hold:        #F5B841;   /* Reserved — 11.4:1 */
  --gone:        #6B7480;   /* Sold — recedes, card desaturates */

  /* ---- Reserved platform colour -------------------------------------- */
  --wa:          #25D366;   /* WhatsApp actions exclusively, nothing else */
  --wa-deep:     #128C7E;

  --danger:      #FF5B4A;

  /* ---- Type ---------------------------------------------------------- */
  --font-display: "Barlow Condensed", "Oswald", "Arial Narrow", sans-serif;
  --font-body:    "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Fluid scale, 375px → 1440px. Condensed reads small, so the display
     steps run larger than a normal-width face would. */
  --t-hero:  clamp(2.5rem, 1.55rem + 4.2vw, 5.5rem);
  --t-h1:    clamp(2.4rem, 1.65rem + 3.2vw, 4.25rem);
  --t-h2:    clamp(1.9rem, 1.45rem + 1.95vw, 3rem);
  --t-h3:    clamp(1.3rem, 1.16rem + 0.6vw, 1.65rem);
  --t-lede:  clamp(1.05rem, 0.99rem + 0.3vw, 1.2rem);
  --t-body:  1rem;        /* 16px floor for body copy, never smaller */
  --t-small: 0.9375rem;   /* 15px — spec values, card meta */
  --t-meta:  0.75rem;     /* 12px — MONO LABELS ONLY, uppercase, tracked */

  --track-label: 0.14em;  /* mono label tracking */
  --lh-display:  0.92;    /* condensed display sets tight */

  /* ---- Space --------------------------------------------------------- */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;

  --section-y: clamp(3.5rem, 2rem + 6vw, 6.5rem);
  --gutter:    clamp(1.25rem, 0.6rem + 2.6vw, 3rem);
  --maxw:      1280px;
  --maxw-text: 62ch;

  /* ---- Shape ---------------------------------------------------------
     Near-sharp. The signature is the chamfer, not a radius: a cut corner,
     like a stamped spec plate. --cut is the size of the bite. */
  --radius:    3px;
  --radius-sm: 2px;
  --cut:       14px;
  --touch:     44px;   /* minimum interactive height */

  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-3: 0 24px 60px rgba(0, 0, 0, 0.65);

  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur:       180ms;
  --dur-slow:  320ms;

  --z-nav:    100;
  --z-bar:    200;
  --z-sheet:  300;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.01ms; --dur-slow: 0.01ms; }
}