:root {
    /* Design System — Imersão Liderança na Prática
       Gradiente da marca extraído do logo: #FE822C (laranja) -> #E44138 (vermelho) */
    --clr-text: #16100c;               /* Cor do texto principal (body) */
    --clr-background: #FFFFFF;          /* Cor de fundo principal */
    --clr-primary: #F1592A;            /* Cor de destaque principal (laranja-vermelho) */
    --clr-secondary: #FFF1E8;          /* Cor de fundo de cards e seções secundárias */
    --clr-accent: #E44138;             /* Cor de destaque hover (vermelho do logo) */
    --clr-accent-contrast: #ffffff;    /* Cor do texto dentro de elementos com cor primária */
    --clr-primary-subtle: rgba(241, 89, 42, 0.12);  /* Primária com baixa opacidade */
    --clr-primary-glow: rgba(241, 89, 42, 0.35);    /* Primária para brilhos/sombras */
    --clr-success: #16a34a;                          /* Cor de sucesso */
    --clr-text-muted: #57534e;                       /* Texto secundário (body auxiliar) */
    --clr-text-subtle: #a8a29e;                      /* Texto sutil (metadados, copyright) */
    --clr-border: #f0ddd0;                           /* Borda divisória sutil */
    --clr-surface: #ffffff;                          /* Fundo de card/painel sobre o background */
    --clr-danger: #dc2626;                           /* Cor de estado negativo/danger */
    --clr-danger-subtle: rgba(220, 38, 38, 0.10);    /* Danger com baixa opacidade */
    --brand-gradient: linear-gradient(90deg, #FE822C 0%, #E44138 100%); /* Gradiente da marca */
}