/* Base Styles and Variables */
:root {
    /* Cores Base - Light Theme */
    --bg-dark: #F8F9FA;
    /* Fundo principal claro */
    --primary-color: #8F57FF;
    /* Roxo (mantido da Edugital) */
    --secondary-color: #C8A961;
    /* Dourado/Areia (mantido) */
    --text-white: #240b3e;
    /* Texto principal agora é o roxo bem escuro. Nome mantido pra compatibilidade */
    --text-light: #4A4A5A;
    /* Texto secundário escuro/cinza chumbo */
    --text-muted: #6C757D;
    /* Cinza para placeholders/muted */
    --border-light: rgba(36, 11, 62, 0.1);
    /* Borda escura sutil */

    /* Gradientes (Ajustados para uso em fundos claros/elementos escuros) */
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, rgba(143, 87, 255, 0.8) 100%);
    --gradient-card: linear-gradient(145deg, #FFFFFF 0%, #F1F3F5 100%);

    /* Backgrounds */
    --bg-card: #FFFFFF;
    /* Fundo dos cards agora é branco */
    --bg-overlay: rgba(255, 255, 255, 0.95);
    /* Overlay branco/gelo */

    /* Sombras (Mais sutis e escuras no fundo branco) */
    --box-shadow: 0 4px 12px rgba(36, 11, 62, 0.08);
    --box-shadow-lg: 0 12px 24px rgba(36, 11, 62, 0.12);

    /* Bordas */
    --border-radius: 12px;
    --border-radius-lg: 16px;
    --border-radius-full: 9999px;

    /* Espaçamentos */
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Tipografia */
    --font-family: 'Poppins', sans-serif;
    --font-title: var(--font-family);
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;

    /* Pesos da fonte */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* Transições */
    --transition-normal: 0.3s ease;
    --transition-slow: 0.4s ease;

    /* Z-index */
    --z-header: 1000;
    --z-modal: 2000;
    --z-tooltip: 3000;
}