:root, :root[data-theme='dark'] {
    --bg-color: #121212;        /* Fundo principal */
    --bg-secondary: #1E1E1E;    /* Fundos internos, sections, cards */
    --text-color: #9A9A9C;      /* Texto principal */
    --text-muted: #B3B3B3;      /* Texto secundário */
    --accent-color: #4F46E5;    /* Destaques, links, botões (azul-violeta) */
    --accent-hover: #6366F1;    /* Quando passa o mouse */
    --border-color: #2A2A2A;    /* Linhas ou bordas discretas */
    --theme-color: #F1F1F1;
    --primary-color: #F1F1F1;
}

:root[data-theme='light'] {
    --bg-color: #ffffff;
    --text-color: #1f2937;
    --bg-secondary: #f3f4f6;
    --text-muted: #6b7280;
    --accent-color: #4F46E5;
    --accent-hover: #3730A3;
    --border-color: #d1d5db;
    --theme-color: #1f2937;
    --primary-color: #1f2937;
}