/* ============================================================
   BRUTAL TRUCK — Design tokens V4
   Aderente ao Manual de Marca V4 (preto industrial + laranja)
   ============================================================ */

:root {
  /* === Cores base === */
  --bt-preto:        #0A0A0A;
  --bt-preto-2:      #1C1C1C;
  --bt-preto-3:      #141414;
  --bt-cinza-escuro: #2A2A2A;
  --bt-cinza-medio:  #5A5A5A;
  --bt-cinza-claro:  #B8B8B8;
  --bt-cinza-sutil:  #F5F5F5;
  --bt-prata-1:      #C8C8C8;
  --bt-prata-2:      #8A8A8A;
  --bt-branco:       #FFFFFF;

  /* === Cores de marca === */
  --bt-laranja:      #F26522;
  --bt-laranja-hot:  #FF6B1A;
  --bt-laranja-dark: #C24E15;
  --bt-amarelo:      #FFC107;
  --bt-vermelho:     #D9342B;   /* alerta / urgência */
  --bt-verde:        #1FAA59;   /* WhatsApp */
  --bt-verde-dark:   #128C7E;

  /* === Gradientes === */
  --bt-prata-grad:   linear-gradient(180deg, #E8E8E8 0%, #C8C8C8 45%, #8A8A8A 100%);
  --bt-bg-grad:      radial-gradient(ellipse at 30% 0%, #1C1C1C 0%, #0A0A0A 60%), #0A0A0A;
  --bt-chevron:      repeating-linear-gradient(135deg, #FFC107 0 18px, #0A0A0A 18px 36px);
  --bt-chevron-fino: repeating-linear-gradient(135deg, #FFC107 0 8px, #0A0A0A 8px 16px);

  /* === Tipografia === */
  --bt-font-display: 'Barlow Condensed', 'Oswald', sans-serif;
  --bt-font-head:    'Oswald', 'Barlow Condensed', sans-serif;
  --bt-font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --bt-font-mono:    'JetBrains Mono', ui-monospace, 'Courier New', monospace;

  /* === Espaçamento === */
  --bt-space-1: 4px;
  --bt-space-2: 8px;
  --bt-space-3: 12px;
  --bt-space-4: 16px;
  --bt-space-5: 24px;
  --bt-space-6: 32px;
  --bt-space-7: 48px;
  --bt-space-8: 64px;
  --bt-space-9: 96px;
  --bt-space-10: 128px;

  /* === Container / Layout === */
  --bt-container: 1280px;
  --bt-container-narrow: 960px;
  --bt-gutter: 24px;

  /* === Borders === */
  --bt-border-thin:  1px solid var(--bt-cinza-escuro);
  --bt-border-mid:   2px solid var(--bt-cinza-escuro);
  --bt-border-laranja: 4px solid var(--bt-laranja);

  /* === Sombras === */
  --bt-shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
  --bt-shadow-md: 0 8px 32px rgba(0,0,0,0.5);
  --bt-shadow-lg: 0 16px 64px rgba(0,0,0,0.6);
  --bt-glow-laranja: 0 0 24px rgba(242,101,34,0.35);
  --bt-glow-amarelo: 0 0 24px rgba(255,193,7,0.4);

  /* === Z-index === */
  --bt-z-bg: 0;
  --bt-z-content: 1;
  --bt-z-header: 100;
  --bt-z-overlay: 500;
  --bt-z-fab: 900;
  --bt-z-modal: 1000;

  /* === Transições === */
  --bt-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --bt-fast: 150ms var(--bt-ease);
  --bt-mid:  300ms var(--bt-ease);
  --bt-slow: 600ms var(--bt-ease);
}