/* Tokens de design — TOP CAR
   Cores extraídas do logo oficial. Alterar aqui propaga a toda a app. */
:root {
    /* Marca */
    --color-brand-red: #E21A22;
    --color-brand-red-hover: #C4141B;
    --color-brand-red-tint: #FDEAEA;
    --color-brand-gray: #66727A;

    /* Neutros (fundo, superfícies, texto) */
    --color-bg: #F5F5F7;
    --color-surface: #FFFFFF;
    --color-border: #E5E5EA;
    --color-border-strong: #D1D1D6;
    --color-text: #1D1D1F;
    --color-text-secondary: #6E6E73;
    --color-text-tertiary: #A1A1A6;

    /* Cabeçalho / navegação escura */
    --color-header-bg: #1C1C1E;
    --color-header-text: #F5F5F7;
    --color-header-text-muted: #9A9AA0;

    /* Estados semânticos */
    --color-success: #1E9E4C;
    --color-success-bg: #E6F6EB;
    --color-warning: #C77700;
    --color-warning-bg: #FFF3E0;
    --color-info: #0A6CC7;
    --color-info-bg: #E8F2FC;
    --color-neutral-bg: #EDEDEF;
    --color-neutral-text: #55565B;

    /* Tipografia */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.0625rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;

    /* Espaçamento */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;

    /* Raio de borda */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 999px;

    /* Sombras suaves */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.12);

    /* Transições */
    --transition: 160ms ease;
}