:root {
    /* Tipografia */
    --font-sans: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Paleta padrao — o rail (burgundy) e DERIVADO da primaria (white-label).
       O valor real vem de visual_cor_primaria via assets/css/vars.php. */
    --color-primary:        #E20E17;  /* fallback quando nao ha cor configurada */
    /* Hex puro de proposito. Com color-mix() aqui, qualquer navegador sem
       suporte (Safari < 16.2, Chrome < 111) tornava a variavel invalida ->
       o gradiente do rail virava "invalid at computed-value time" e o menu
       lateral ficava TRANSPARENTE (branco). vars.php recalcula estes tons
       em PHP quando a cor primaria e trocada no white-label. */
    --color-primary-dark:   #bb0b13;
    --color-primary-deep:   #7b0a0f;  /* topo do rail   */
    --color-primary-deeper: #5f080d;  /* base do rail   */
    --color-secondary:      #1F2933;
    --color-accent:         #F59E0B;
    --color-background:     #F6F7F9;
    --color-surface:        #FFFFFF;
    --color-text:           #111827;
    --color-muted:          #6B7280;
    --color-title:          #111827;
    --color-border:         #E5E7EB;

    /* Status */
    --color-success:        #16a34a;
    --color-warning:        #D97706;
    --color-danger:         #DC2626;

    /* Botões (herdam das cores acima por padrão) */
    --color-btn-primary:    var(--color-primary);
    --color-btn-secondary:  var(--color-secondary);
    --color-btn-success:    var(--color-success);
    --color-btn-warning:    var(--color-warning);
    --color-btn-danger:     var(--color-danger);

    /* Sombras / medidas */
    --shadow-md: 0 8px 24px rgba(17, 24, 39, .08);
    --topbar-h:  60px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--font-sans); color: var(--color-text); background: var(--color-background); }
button, input, select, textarea, optgroup { font-family: var(--font-sans); }