:root {
    --font-title: 'inter', sans-serif;
    --font-text: 'roboto', sans-serif;

    /*
    TEMA ATIVO (ALTERNE AQUI NO PRÓPRIO CSS)
    - Mantenha apenas 1 bloco de tema descomentado por vez.
    - Tema 1 já está ativo (seu tema original).
    */

    /* ===== TEMA 1 - ORIGINAL (ATIVO) ===== */
    /* --color-text: #ffffff;
    --color-title: #ffffff;
    --color-footer: #ffffff;
    --color-icon: #ffffff;
    --color-bg: linear-gradient(-45deg, #0f2027, #203a43, #2c5364);
    --color-card-bg: linear-gradient(-45deg, #0f2027, #203a43, #2c5364);
    --card-border: 1px solid rgba(255, 255, 255, 0.18);
    --avatar-border: 3px solid rgba(255, 255, 255, 0.35);
    --avatar-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    --link-hover-bg: linear-gradient(-45deg, #102a36, #264552, #37687e);
    --link-hover-border: rgba(255, 255, 255, 0.3);
    --link-hover-filter: none; */

    /* ===== TEMA 2 - DARK PROFISSIONAL ===== */
    --color-text: #e2e8f0;
    --color-title: #f8fafc;
    --color-footer: #94a3b8;
    --color-icon: #38bdf8;
    --color-bg: linear-gradient(-45deg, #020617, #0f172a, #1e293b);
    --color-card-bg: linear-gradient(-45deg, #0b1220, #111827, #1f2937);
    --card-border: 1px solid rgba(148, 163, 184, 0.32);
    --avatar-border: 3px solid rgba(56, 189, 248, 0.4);
    --avatar-shadow: 0 12px 28px rgba(2, 6, 23, 0.55);
    --link-hover-bg: linear-gradient(-45deg, #0f172a, #1e293b, #334155);
    --link-hover-border: rgba(56, 189, 248, 0.6);
    --link-hover-filter: brightness(1.05);

/*     
    ===== TEMA 3 - CLEAN ELEGANTE =====
    --color-text: #0f172a;
    --color-title: #334155;
    --color-footer: #475569;
    --color-icon: #2563eb;
    --color-bg: linear-gradient(160deg, #f8fafc, #e2e8f0);
    --color-card-bg: #ffffff;
    --card-border: 1px solid #cbd5e1;
    --avatar-border: 3px solid #ffffff;
    --avatar-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
    --link-hover-bg: #f1f5f9;
    --link-hover-border: #93c5fd;
    --link-hover-filter: none;
    */
}