/* ══════════════════════════════════════════════════
   MOTORBOOST — Design Tokens / Custom Properties
   ══════════════════════════════════════════════════ */

:root {
  /* ── Cor primária (laranja) ── */
  --color-orange:       #F97316;
  --color-orange-dark:  #C2540A;
  --color-orange-light: rgba(249, 115, 22, 0.13);
  --color-orange-glow:  rgba(249, 115, 22, 0.30);
  --color-orange-mid:   rgba(249, 115, 22, 0.28);

  /* ── Cor de perigo (vermelho) ── */
  --color-danger:       #E03030;
  --color-danger-light: rgba(224, 48, 48, 0.12);
  --color-danger-mid:   rgba(224, 48, 48, 0.28);

  /* ── Cor de sucesso (verde) ── */
  --color-success:      #22C55E;
  --color-success-light: rgba(34, 197, 94, 0.11);
  --color-success-mid:  rgba(34, 197, 94, 0.28);

  /* ── Backgrounds ── */
  --bg-base:   #060606;
  --bg-dark:   #0D0D0D;
  --bg-card:   #111111;
  --bg-input:  #171717;

  /* ── Bordas ── */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-mid:    rgba(255, 255, 255, 0.15);

  /* ── Texto ── */
  --text-white:  #FFFFFF;
  --text-main:   #F0F0F0;
  --text-muted:  rgba(255, 255, 255, 0.55);
  --text-muted2: rgba(255, 255, 255, 0.30);

  /* ── Raios ── */
  --radius-lg: 12px;
  --radius-md: 8px;
  --radius-sm: 6px;

  /* ── Tipografia ── */
  --font-display: 'Rajdhani', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* ── Espaçamentos ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;

  /* ── Sombras ── */
  --shadow-orange: 0 4px 14px rgba(249, 115, 22, 0.35);
  --shadow-green:  0 4px 18px rgba(34, 197, 94, 0.35);
  --shadow-card:   0 2px 12px rgba(0, 0, 0, 0.4);

  /* ── Transições ── */
  --transition-fast: 0.15s ease;
  --transition-base: 0.20s ease;
  --transition-slow: 0.35s ease;

  /* ── Aliases legados (compatibilidade com inline styles) ── */
  --or:    #F97316;
  --or-dk: #C2540A;
  --or-lt: rgba(249, 115, 22, 0.13);
  --or-gl: rgba(249, 115, 22, 0.30);
  --rd:    #E03030;
  --rd-lt: rgba(224, 48, 48, 0.12);
  --rd-md: rgba(224, 48, 48, 0.28);
  --gn:    #22C55E;
  --gn-lt: rgba(34, 197, 94, 0.11);
  --gn-md: rgba(34, 197, 94, 0.28);
  --bg:    #060606;
  --dk:    #0D0D0D;
  --c1:    #111111;
  --c2:    #171717;
  --b1:    rgba(255, 255, 255, 0.08);
  --b2:    rgba(255, 255, 255, 0.15);
  --wh:    #FFFFFF;
  --tx:    #F0F0F0;
  --mu:    rgba(255, 255, 255, 0.55);
  --mu2:   rgba(255, 255, 255, 0.30);
  --rr:    12px;
  --rs:    8px;
}