:root {
    --clr-text: #f3f3f3;               /* Cor do texto principal (body) */
    --clr-background: #0D0B0B;         /* Cor de fundo principal */
    --clr-primary: #FAE172;            /* Cor de destaque principal (amarelo) */
    --clr-secondary: #2a2a29;          /* Cor de fundo de cards e seções secundárias */
    --clr-accent: #ebd057;             /* Cor de destaque hover */
    --clr-accent-contrast: #0D0B0B;    /* Cor do texto dentro de elementos com cor primária */
    --clr-primary-subtle: rgba(250, 225, 114, 0.2);  /* Primária com baixa opacidade */
    --clr-primary-glow: rgba(250, 225, 114, 0.4);    /* Primária para brilhos/sombras */
    --clr-success: lightgreen;                       /* Cor de sucesso */
    --clr-text-muted: #d1d5db;                       /* Texto secundário (body auxiliar) */
    --clr-text-subtle: #6b7280;                      /* Texto sutil (metadados, copyright) */
    --clr-border: #374151;                           /* Borda divisória sutil */
    --clr-surface: rgba(0, 0, 0, 0.4);               /* Fundo de card/painel sobre o background */
    --clr-danger: #f87171;                           /* Cor de estado negativo/danger */
    --clr-danger-subtle: rgba(220, 38, 38, 0.2);     /* Danger com baixa opacidade */
}