/* ============================================================
   JEWELL TYRES — DESIGN TOKENS
   Brand: warm industrial. Tyre buyer to tyre buyer.
   ============================================================ */

:root {
  /* Colour — primary */
  --jt-yellow: #FEC013;
  --jt-yellow-dark: #D9A30A;
  --jt-black: #0B0B0B;
  --jt-charcoal: #1A1A1A;
  --jt-earth: #5C3D22;
  --jt-earth-deep: #3D2814;

  /* Colour — neutral */
  --jt-sand: #F1EDE5;
  --jt-paper: #FAF8F4;
  --jt-stone: #6B6862;
  --jt-bone: #E8E4DA;
  --jt-rule: #2A2A2A;
  --jt-rule-light: #D9D5CB;

  /* Colour — utility */
  --jt-success: #4A6B2A;
  --jt-warn: #B85A0F;
  --jt-error: #8B1A1A;

  /* Typography */
  --jt-display: 'Archivo Black', 'Inter', system-ui, sans-serif;
  --jt-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --jt-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;

  /* Type scale */
  --fs-eyebrow: 0.75rem;
  --fs-body: 1rem;
  --fs-body-lg: 1.125rem;
  --fs-h4: 1.25rem;
  --fs-h3: 1.5rem;
  --fs-h2: 2rem;
  --fs-h1: 2.75rem;
  --fs-display: 4rem;
  --fs-display-xl: 5.5rem;

  /* Line height */
  --lh-display: 0.95;
  --lh-heading: 1.1;
  --lh-body: 1.5;
  --lh-tight: 1.3;

  /* Letter-spacing */
  --ls-display: -0.02em;
  --ls-eyebrow: 0.12em;
  --ls-mono: 0.02em;

  /* Spacing scale */
  --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;
  --s-10: 8rem;

  /* Layout */
  --container-max: 1280px;
  --container-narrow: 880px;
  --container-text: 680px;

  /* Borders — sharp, industrial */
  --radius-0: 0;
  --radius-1: 2px;
  --radius-2: 4px;
  --rule-1: 1px solid var(--jt-rule);
  --rule-1-light: 1px solid var(--jt-rule-light);
  --rule-2: 2px solid var(--jt-black);
  --rule-3: 3px solid var(--jt-yellow);

  /* Motion */
  --t-fast: 120ms ease-out;
  --t-base: 200ms ease-out;
  --t-slow: 400ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* No gradients. No shadows. No blur. Industrial. */