/* ═══════════════════════════════════════════════════════════════
   UniPod Showroom — Tokens (Website Main Tester 1)
   Moodboard: automotive showroom · floating cards · ghost type ·
   dark ember drama sections · single ochre-ember accent family
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── Dark Palette (drama sections) ── */
  --void:         #0E0D0B;
  --earth-dark:   #16140F;
  --earth-mid:    #221E17;
  --earth-raised: #2E2820;
  --earth-line:   #3A332A;

  /* ── Showroom Light Palette ── */
  --cream:        #EDEFF1;   /* showroom grey-white */
  --sand:         #E1E4E7;   /* showroom mid grey  */
  --parchment:    #CDD2D6;   /* showroom line grey */
  --card:         #FAFBFC;   /* floating card white */

  /* ── Accent: ember → ochre family ── */
  --ochre:        #D2691E;
  --ochre-light:  #EE8A3C;
  --ochre-dark:   #A8541A;
  --ember:        #E4560A;
  --ochre-glow:   rgba(228, 86, 10, 0.35);

  /* ── Support ── */
  --khaki:        #8A8070;
  --dust:         #B9AE96;
  --stone:        #6E675E;

  /* ── Text ── */
  --text-on-dark:       #F2EFE8;
  --text-on-dark-sub:   #B9AE96;
  --text-on-dark-muted: #7D766C;
  --text-on-light:      #141414;
  --text-on-light-sub:  #5A5F63;

  /* ── Typography ── */
  --font-head: 'Archivo', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', sans-serif;
  --font-spec: 'IBM Plex Mono', 'Consolas', monospace;

  /* ── Type Scale ── */
  --text-hero:    clamp(52px, 8vw, 112px);
  --text-h1:      clamp(40px, 5.5vw, 76px);
  --text-h2:      clamp(30px, 3.8vw, 52px);
  --text-h3:      clamp(20px, 2.4vw, 30px);
  --text-ghost:   clamp(90px, 16vw, 260px);
  --text-label:   12px;
  --text-body:    16px;
  --text-body-sm: 14px;
  --text-spec:    14px;

  /* ── Spacing ── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  80px;
  --space-2xl: 120px;
  --space-3xl: 160px;

  /* ── Layout ── */
  --max-width:  1320px;
  --max-text:   660px;
  --gutter:     clamp(20px, 4vw, 56px);
  --nav-height: 70px;

  /* ── Radius: showroom = crisp ── */
  --radius:    2px;
  --radius-lg: 6px;

  /* ── Motion ── */
  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --duration:    0.35s;
  --duration-sm: 0.2s;
  --duration-lg: 0.7s;

  /* ── Shadows: floating showroom cards ── */
  --shadow-sm:   0 2px 10px rgba(15, 18, 22, 0.10);
  --shadow-md:   0 14px 34px rgba(15, 18, 22, 0.14);
  --shadow-lg:   0 34px 80px -20px rgba(15, 18, 22, 0.28);
  --shadow-card: 0 22px 60px -18px rgba(15, 18, 22, 0.22);
  --shadow-ochre: 0 8px 28px rgba(228, 86, 10, 0.30);
}