/* ══════════════════════════════════════════════════════════
   LOSHUB — TOKENS DE COR (Especificação v1.0 · 13/07/2026)
   Regra: nenhum hex solto dentro de componente — tudo via var().
   Importar ANTES de style.css.
   ══════════════════════════════════════════════════════════ */

:root {
    /* Tema claro — creme e branco */
    --surface-canvas:  #FDF7F1;
    --surface-sidebar: #FFFFFF;   /* claro: sidebar é card branco */
    --surface-card:    #FFFFFF;
    --surface-raised:  #FDF7F1;
    --border:          #EFE3D6;
    --border-strong:   #A3907A;
    --text-primary:    #2A211A;
    --text-secondary:  #6C5B4C;
    --text-muted:      #9C8B79;
    --brand:           #EA6A0C;   /* preenchimento (botão primário) */
    --brand-hover:     #D35F08;
    --text-brand:      #A8490A;   /* laranja como TEXTO (link, item ativo) */
    --on-brand:        #3A1802;   /* texto sobre o laranja, nos dois temas */
    --bg-brand:        #FDEFE0;   /* fundo do item ativo da sidebar */
    --success:         #14804A;  --bg-success: #E6F4EC;
    --warning:         #8A6D0B;  --bg-warning: #FBF2DA;
    --danger:          #C0243B;  --bg-danger:  #FBEAEC;
    --radius:          8px;
    --radius-card:     12px;
    --h-control:       40px;

    /* Aliases legadas usadas em telas antigas (resolvem pros tokens) */
    --primary:         var(--brand);
    --text-tertiary:   var(--text-muted);
    --gray-600:        var(--text-muted);
}

[data-theme="dark"] {
    /* Tema escuro — marrom-carvão */
    --surface-canvas:  #14100C;
    --surface-sidebar: #1B1611;
    --surface-card:    #241D16;
    --surface-raised:  #2E251C;
    --border:          #443729;
    --border-strong:   #786552;
    --text-primary:    #F6EFE7;
    --text-secondary:  #B7A695;
    --text-muted:      #8B7B6C;
    --brand:           #F97316;
    --brand-hover:     #FB8B3C;
    --text-brand:      #F97316;
    --on-brand:        #3A1802;
    --bg-brand:        #3A2410;
    --success:         #3FCF87;  --bg-success: #12301F;
    --warning:         #E8C547;  --bg-warning: #322A0E;
    --danger:          #F2565A;  --bg-danger:  #3A1A1A;
}