/* =============================================================================
 * design-system.css — fonte única de tokens do canonical UI
 * =============================================================================
 *
 * REGRA: token só existe aqui se for sobrescritivel pelo white-label (brand)
 * ou se precisar de alpha dinâmico via <alpha-value> nas classes Tailwind
 * (slates). Cores semânticas (success/danger/warning/info/violet) NÃO entram
 * aqui — usar paletas Tailwind direto no HTML (bg-emerald-500, text-red-600,
 * hover:text-violet-600, etc.).
 *
 * Trocar a paleta da brand = editar APENAS as 4 variáveis --brand-* abaixo.
 * O Tailwind config em header.php deriva primary-50/100/400/500/600/700 a
 * partir destas 4 chaves.
 * ========================================================================== */

:root {
    /* === Slates (neutros) === */
    /* RGB triplets para suportar `<alpha-value>` nas classes Tailwind. */
    --slate-50:  248 250 252;
    --slate-100: 241 245 249;
    --slate-200: 226 232 240;
    --slate-300: 203 213 225;
    --slate-400: 148 163 184;
    --slate-500: 100 116 139;
    --slate-600:  71  85 105;
    --slate-700:  42  55  86;
    --slate-800:  21  30  54;
    --slate-900:  17  25  47;
    --slate-950:   0   0   0;

    /* === Brand (4 chaves — sobrescritas pelo banco em runtime) === */
    --brand-primary:  #0ea5e9;
    --brand-hover:    #0284c7;
    --brand-contrast: #0369a1;
    --brand-soft:     #f0f9ff;
}