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

    /* Paleta Scapini — o rail (burgundy) é DERIVADO da primária (white-label) */
    /* O layout injeta --brand-primary a partir de Configurações →
       Personalização. As demais cores derivam dela por color-mix, então o
       white-label continua funcionando sem tocar neste arquivo. */
    --color-primary:        var(--brand-primary, #E20E17);
    --color-primary-dark:   color-mix(in srgb, var(--color-primary) 80%, #000);
    --color-primary-deep:   color-mix(in srgb, var(--color-primary) 48%, #1c0608); /* topo do rail   */
    --color-primary-deeper: color-mix(in srgb, var(--color-primary) 36%, #160407); /* 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); }