/* variables.css - Adaptive Design System Tokens */

:root {
    /* Cores Oficiais Positivo */
    --color-primary: #01ffcd;      /* Verde Neon / Teal */
    --color-primary-rgb: 1, 255, 205;
    --color-dark: #292829;         /* Grafite Escuro Principal */
    --color-dark-rgb: 41, 40, 41;
    --color-white: #ffffff;
    
    /* Cores de Suporte e Profundidade */
    --color-deep: #121212;         /* Preto Profundo para contraste */
    --color-deep-rgb: 18, 18, 18;
    --color-card-bg: #1e1e1e;      /* Fundo para cards em tema escuro */
    --color-card-hover: #252525;
    --color-light-bg: #f8f9fa;     /* Fundo alternativo claro */
    --color-text-dark: #292829;
    --color-text-light: #f5f5f5;
    --color-text-muted: #a0a0a0;
    --color-border: rgba(255, 255, 255, 0.06);
    --color-border-glow: rgba(1, 255, 205, 0.2);
    
    /* Fontes */
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Red Hat Display', sans-serif;
    
    /* Espaçamentos e Layout */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 4rem;
    --spacing-xl: 8rem;
    --border-radius-sm: 6px;
    --border-radius-md: 12px;
    --border-radius-lg: 24px;
    --border-radius-full: 9999px;
    
    /* Sombras e Brilhos (Glow Effects) */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 20px 50px rgba(0, 0, 0, 0.5);
    --glow-primary: 0 0 20px rgba(1, 255, 205, 0.4);
    --glow-primary-hover: 0 0 35px rgba(1, 255, 205, 0.7);
    
    /* Transições */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);

    /* --- VARIÁVEIS ADAPTATIVAS DO TEMA (Default: Dark Mode) --- */
    --bg-color: #121212;
    --bg-color-alt: #1e1e1e;
    --card-bg-color: rgba(41, 40, 41, 0.45);
    --text-color: #f5f5f5;
    --text-color-muted: #a0a0a0;
    --border-color: rgba(255, 255, 255, 0.05);
    --logo-filter: none;
    --hero-overlay-opacity: 0.55;
    --hero-overlay-grad: linear-gradient(180deg, rgba(18, 18, 18, 0.7) 0%, rgba(18, 18, 18, 0.5) 60%, rgba(18, 18, 18, 0.95) 100%);
}

/* --- TEMA CLARO ADAPTATIVO (Light Mode) --- */
body.light-theme {
    --bg-color: #ffffff;
    --bg-color-alt: #f8f9fa;
    --card-bg-color: rgba(240, 240, 245, 0.75);
    --text-color: #292829;
    --text-color-muted: #666666;
    --border-color: rgba(41, 40, 41, 0.08);
    --logo-filter: invert(1) brightness(0.1);
    --hero-overlay-opacity: 0.25;
    --hero-overlay-grad: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 60%, rgba(255, 255, 255, 0.95) 100%);
}