/* ================================================================
   Belos Cílios — paleta.css
   Única fonte de cor do sistema. Todo o resto do CSS/HTML/PHP usa
   var(--token) — trocar a paleta inteira vira editar só este arquivo.
   ================================================================ */

:root {
    --roxo-900: #10002b;
    --roxo-800: #240046;
    --roxo-600: #5a189a;
    --roxo-500: #6739c7;
    --roxo-300: #b38cff;
    --roxo-200: #c886fa;
    --roxo-100: #e0aaff;

    --bg-main:          #faf5ff;
    --bg-card:          #ffffff;
    --bg-hover:         #f3e8ff;
    --text-main:        #10002b;
    --text-secondary:   #6739c7;
    --text-muted:       #7a6d8e;
    --accent:           #5a189a;
    --accent-hover:     #240046;
    --accent-light:     rgba(179, 140, 255, .15);
    --accent-rgb:       90, 24, 154;
    --card-border-color:#e0aaff;

    --sidebar-bg:       #10002b;
    --sidebar-text:     #e0aaff;
    --sidebar-active:   rgba(var(--accent-rgb), .35);
    --sidebar-width:    240px;

    --radius-card:      14px;
    --radius-btn:       8px;
    --shadow-card:      0 2px 12px rgba(16, 0, 43, .07);
    --transition-fast:  .15s ease;

    /* Semânticas — status de agendamento nos pontinhos do calendário */
    --cor-atencao:      #f59e0b;
    --cor-sucesso:      #22c55e;
    --cor-neutro:       #94a3b8;
    --cor-perigo:       #ef4444;
    /* Trincas RGB das semânticas acima, pra usar em rgba(var(--x-rgb), .08)
       quando precisa de opacidade (fundo suave de alerta) sem duplicar o hex. */
    --cor-sucesso-rgb:  34, 197, 94;
    --cor-perigo-rgb:   239, 68, 68;
}