/* eKarts Brasil — Design Tokens v2.0 (Julho 2026)
   Base fiel: arquivos oficiais da marca (Drive: Logos e Sublogos + Fonte).
   Mudanças vs v1:
   - Amarelo corrigido: #F2EE0C → #E6E600 (hex exato do raio da logo)
   - Azuis removidos da paleta de marca (não existem na logo); mantidos como legado
   - Fontes corrigidas: Chakra Petch/Outfit → Racing Sans One / Montserrat
   - Novos cinzas da logo: cinza-pista (#A4A4A4) e grafite (#4B4B4B)
*/

@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap');

:root {
  /* Cores de marca */
  --vermelho: #C80000;
  --vermelho-escuro: #8F0000;
  --amarelo: #E6E600;        /* Amarelo Raio — acento; usar com parcimônia */
  --asfalto: #1A1A1A;        /* fundos escuros e títulos */
  --grafite: #4B4B4B;        /* texto corrido e contornos */
  --cinza-pista: #A4A4A4;    /* pattern xadrez, legendas */
  --fumo: #F5F5F5;
  --branco: #FFFFFF;
  --texto: var(--grafite);
  --azul: #0000C8;        /* Azul eKarts — cor de apoio institucional */
  --azul-noite: #00006E;

  /* Tipografia */
  --display: 'Racing Sans One', sans-serif;  /* títulos, CAIXA ALTA */
  --corpo: 'Montserrat', sans-serif;         /* textos, 400–800 */

  /* Raios */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.08);
  --shadow-header: 0 2px 12px rgba(0, 0, 0, 0.10);

  /* Gradientes / patterns */
  --grad-hero: linear-gradient(180deg, #1A1A1A 0%, #2b2b2b 100%);
  --grad-cta-vermelho: linear-gradient(135deg, #C80000 0%, #8F0000 100%);
  --pattern-xadrez: repeating-conic-gradient(var(--cinza-pista) 0% 25%, transparent 0% 50%);
  --pattern-xadrez-claro: repeating-conic-gradient(rgba(255, 255, 255, 0.14) 0% 25%, transparent 0% 50%);
  /* uso: background-image: var(--pattern-xadrez); background-size: 28px 28px; */
}