/*
 * Este arquivo mantém compatibilidade retroativa.
 * Os tokens canônicos estão em design-tokens.css (fonte do PAJEapp-V5).
 * Novos projetos devem importar design-tokens.css diretamente.
 */
@import url('./design-tokens.css');

:root {
    /* Cores atualizadas baseadas na paleta do Cocar PAJE e Nano Banana Design System */
    --color-bg-base: #11131A; /* Deep Navy - Anel Externo do Logo / Fundo Principal */
    --color-bg-surface: #1E232B; /* Cards Background - Painel Elevado */
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #9CA3AF; /* Slate - Texto de apoio suave */
    
    --color-brand-blue: #1E3A8A;       /* Fundo de botões e bordas */
    --color-brand-blue-hover: #1E40AF;
    --color-brand-blue-text: #60A5FA;  /* Texto e links sobre fundo escuro — alto contraste */
    
    /* Novas cores extraídas do Logo Original para Destaques/Sistemas */
    --color-brand-green: #16A34A; /* Verde das penas laterais (PEDsys/Crescimento) */
    --color-brand-gold: #D4AF37; /* Matte Gold - Penas intermediárias (GRAVsys/Destaques) */
    
    /* Cores de Feedback e Badges */
    --color-success: #10B981; 
    --color-warning: #EAB308; 
    --color-club-accent: #60A5FA;
    
    --font-main: 'Roboto', sans-serif;
    --font-logo: 'Michroma', sans-serif; 
    
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem; 
    --spacing-xl: 6rem;
}