/* ============================================================
   BELLAN MOTOS — LP — TOKENS  (Direção: Cinematic Dark Garage + Precisão Técnica)
   Base near-black · UM acento brasa (vermelho→laranja, "temperatura de motor")
   Fontes reais da marca (Saira Condensed / Saira) + mono técnica.
   ============================================================ */
:root {
  /* --- pretos cinematográficos --- */
  --ink-950: #070708;
  --ink-900: #0a0a0c;
  --ink-850: #0e0e11;
  --ink-800: #131418;
  --ink-700: #191b20;
  --steel-600: #23252c;
  --steel-500: #333640;
  --steel-400: #565b68;

  /* --- brasa (acento único: vermelho→laranja) --- */
  --ember-800: #7a0d09;
  --ember-700: #b51410;
  --ember-600: #dd1a12;
  --ember-500: #ef2b16;   /* principal */
  --ember-400: #ff4d1a;   /* laranja quente */
  --ember-300: #ff7a45;
  --red-700: var(--ember-700);
  --red-600: var(--ember-600);
  --red-500: var(--ember-500);
  --red-400: var(--ember-400);
  --red-300: var(--ember-300);
  --ember: #ff4d1a;

  /* --- claros (bloco técnico swiss) --- */
  --white: #ffffff;
  --paper: #f3f3f0;      /* off-white swiss */
  --paper-2: #e9e9e4;
  --paper-line: #d7d7cf;
  --carbon: #0e0e11;

  /* --- semânticos --- */
  --bg: var(--ink-950);
  --text: #ededf0;
  --text-dim: #8b8d96;
  --text-mut: #62646d;
  --text-ink: #0e0e11;
  --text-ink-dim: #4a4d55;

  /* --- gradientes --- */
  --grad-ember: linear-gradient(100deg, #ff6a1f 0%, var(--ember-500) 45%, var(--ember-700) 100%);
  --grad-red: var(--grad-ember);
  --grad-heat: radial-gradient(120% 120% at 70% 15%, rgba(255,77,26,.5), rgba(239,43,22,.15) 35%, transparent 70%);
  --grad-ink: linear-gradient(180deg, #0d0d10 0%, var(--ink-950) 100%);
  --grad-stage: radial-gradient(75% 75% at 50% 42%, #2a2c33 0%, #17181c 45%, #0b0b0e 100%);

  /* --- glows / sombras --- */
  --glow-ember: 0 0 80px rgba(255,77,26,.35);
  --sh-md: 0 16px 40px -18px rgba(0,0,0,.7);
  --sh-lg: 0 40px 90px -30px rgba(0,0,0,.85);
  --sh-card: 0 30px 70px -34px rgba(255,77,26,.3);

  /* --- tipografia --- */
  --font-display: "Saira Condensed", "Archivo", Impact, sans-serif;
  --font-body: "Saira", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* --- raios --- */
  --r-sm: 8px; --r-md: 13px; --r-lg: 17px; --r-xl: 24px;

  /* --- layout --- */
  --wrap: 1200px;
  --gutter: clamp(20px, 5vw, 56px);
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}