/* --- 1. DEFINIÇÃO PADRÃO (Fallback) --- */
:root {
    /* Cores Padrão (Midnight) */
    --c1: #0B1026; --c2: #121A3A; --c3: #1A2554; --c4: #243170;
    --c5: #3A4AA8; --c6: #5264E0; --c7: #8FA0FF; --c8: #E6E9FF;

    /* Destaque Padrão (Roxo) - Só aparece se nenhum tema for carregado */
    --highlight-bg: linear-gradient(90deg, #a855f7 0%, #d946ef 100%);
    --highlight-text: #ffffff;
}

/* --- 2. MAPEAMENTO FUNCIONAL (Body) --- */
body {
    --bg-page: var(--c1);
    --text-primary: var(--c8);
    --text-secondary: var(--c7);

    --card-bg: var(--c2);
    --card-border: var(--c3);
    --card-hover: var(--c3);

    --icon-box-bg: rgba(0, 0, 0, 0.2);
}

/* --- 3. TEMAS (Com Gradientes de Destaque Personalizados) --- */

/* Midnight (CTA: C6 -> C7) */
body[data-theme="midnight"] {
    --c1: #0B1026; --c2: #121A3A; --c3: #1A2554; --c4: #243170;
    --c5: #3A4AA8; --c6: #5264E0; --c7: #8FA0FF; --c8: #E6E9FF;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}

/* Sunset (CTA: C5 -> C7) */
body[data-theme="sunset"] {
    --c1: #2B0F3F; --c2: #5A144A; --c3: #8C1D40; --c4: #C6362E;
    --c5: #E85D3A; --c6: #F58A3C; --c7: #FDBA4A; --c8: #FFD27A;
    --highlight-bg: linear-gradient(90deg, var(--c5) 0%, var(--c7) 100%);
}

/* Forest (CTA: C6 -> C7) */
body[data-theme="forest"] {
    --c1: #0F2A1D; --c2: #163D2B; --c3: #1F5638; --c4: #2F7046;
    --c5: #4A8F5A; --c6: #6FAF78; --c7: #9ACFA0; --c8: #DFF3E3;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}

/* Ocean (CTA: C6 -> C7) */
body[data-theme="ocean"] {
    --c1: #041F2D; --c2: #06334A; --c3: #0A4F6E; --c4: #0F6E8F;
    --c5: #1E8FB0; --c6: #3CB1C8; --c7: #6ED3DB; --c8: #D9F7FA;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}

/* Berry (CTA: C6 -> C7) */
body[data-theme="berry"] {
    --c1: #2A0A1F; --c2: #4A0E33; --c3: #6B144A; --c4: #8C1B63;
    --c5: #B02C7A; --c6: #D94C96; --c7: #F07AB5; --c8: #FCE1EE;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}

/* Charcoal (CTA: C6 -> C7) */
body[data-theme="charcoal"] {
    --c1: #0E0E10; --c2: #1A1B1E; --c3: #26282C; --c4: #32353A;
    --c5: #4B5057; --c6: #6A717A; --c7: #9AA1AA; --c8: #E5E7EA;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}

/* Gold (CTA: C6 -> C7) */
body[data-theme="gold"] {
    --c1: #2A1E00; --c2: #3A2A00; --c3: #5A4300; --c4: #7A5C00;
    --c5: #9C7600; --c6: #C09000; --c7: #FFD24D; --c8: #FFF1B8;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}

/* Lavender (CTA: C6 -> C7) */
body[data-theme="lavender"] {
    --c1: #1E1A2E; --c2: #2B2442; --c3: #3A3361; --c4: #4A4380;
    --c5: #5C56A1; --c6: #7A74C2; --c7: #AFAAF0; --c8: #ECEBFF;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}

/* Dragon Fruit (CTA: C5 -> C7) */
body[data-theme="dragon-fruit"] {
    --c1: #2B0018; --c2: #4A0030; --c3: #7A0055; --c4: #B0007A;
    --c5: #E1009A; --c6: #FF4DB8; --c7: #FF85CF; --c8: #FFE3F2;
    --highlight-bg: linear-gradient(90deg, var(--c5) 0%, var(--c7) 100%);
}

/* Rose (CTA: C6 -> C7) */
body[data-theme="rose"] {
    --c1: #2B0A12; --c2: #4A0F1D; --c3: #6B1429; --c4: #8C1A35;
    --c5: #B02A48; --c6: #D94B63; --c7: #F07C8A; --c8: #FFE3E7;
    --highlight-bg: linear-gradient(90deg, var(--c6) 0%, var(--c7) 100%);
}