:root,
html[data-theme="claro"] {
    --color-fondo: #f4f5f7;
    --color-panel: #ffffff;

    --color-texto: #202124;
    --color-texto-secundario: #74777c;

    --color-borde: #e1e4e8;
    --color-borde-suave: #f0f1f2;

    --color-primario: #d20a2e;

    --color-sidebar: #171717;
    --color-sidebar-texto: #ffffff;
    --color-sidebar-secundario: #a9a9a9;
    --color-sidebar-hover: #252525;
    --color-sidebar-borde: rgba(255, 255, 255, 0.08);

    --color-badge-neutro: #eceff2;

    --sombra-panel: 0 2px 9px rgba(0, 0, 0, 0.04);
}