:root {
    /* ===============================
       PRIMARY COLORS (cor do tema) - EDITÁVEL NO PERSONALIZADOR
    =============================== */
    --color-primary: #d32f2f;          /* Vermelho principal */
    --color-primary-hover: #b71c1c;    /* Hover do vermelho */
    --color-primary-light: #ff6659;    /* Versão mais clara */

    /* ===============================
       TEXT COLORS
    =============================== */
    --color-text-dark: #212121;        /* Texto comum */
    --color-title: #111111;            /* Títulos */
    --color-text-light: #ffffff;       /* Texto em fundos escuros */
    --color-muted: #6d6d6d;           /* Texto secundário */

    /* ===============================
       BACKGROUND COLORS
    =============================== */
    --bg-white: #ffffff;               /* Fundo branco */
    --bg-light: #f5f5f5;              /* Fundo leve */
    --bg-dark: #121212;               /* Fundo escuro */

    /* ===============================
       BORDER / DIVIDER COLORS
    =============================== */
    --border-light: #e0e0e0;          /* Linhas suaves */
    --border-medium: #bdbdbd;         /* Semi forte */

    /* ===============================
       FEEDBACK COLORS
    =============================== */
    --color-success: #2e7d32;         /* Verde de sucesso */
    --color-warning: #f9a825;         /* Amarelo de alerta */
    --color-danger: #c62828;          /* Erro */

    /* ===============================
       BUTTON COLORS
    =============================== */
    --button-bg: var(--color-primary);
    --button-bg-hover: var(--color-primary-hover);
    --button-text: #ffffff;

    /* ===============================
       CORES DE CATEGORIAS DE ESPORTES - AUTO-GERADAS
    =============================== */
	--category-esporte: var(--color-primary);
    --category-futebol: var(--color-primary);
    --category-volei: #0066cc;
    --category-basquete: #ff6600;
    --category-tenis: #00cc66;
    --category-formula1: #9900cc;
    --category-handebol: #ff3399;
    --category-natacao: #0099cc;
    --category-atletismo: #cc9900;
    --category-politica: #2c3e50;
    --category-tecnologia: #3498db;
    --category-entretenimento: #9b59b6;
    --category-brasil: #27ae60;
    
    /* Cores padrão para categorias não especificadas */
    --category-default: var(--color-primary);
}

/* Classes CSS dinâmicas para categorias */
.category-esporte { background-color: var(--category-esporte) !important; }
.category-futebol { background-color: var(--category-futebol) !important; }
.category-volei { background-color: var(--category-volei) !important; }
.category-basquete { background-color: var(--category-basquete) !important; }
.category-tenis { background-color: var(--category-tenis) !important; }
.category-formula1 { background-color: var(--category-formula1) !important; }
.category-handebol { background-color: var(--category-handebol) !important; }
.category-natacao { background-color: var(--category-natacao) !important; }
.category-atletismo { background-color: var(--category-atletismo) !important; }
/*.category-politica { background-color: var(--category-politica) !important; }*/
.category-tecnologia { background-color: var(--category-tecnologia) !important; }
.category-entretenimento { background-color: var(--category-entretenimento) !important; }
.category-brasil { background-color: var(--category-brasil) !important; }