/**
 * Base / Variables
 * ─────────────────────────────────────────────────────────────────────────────
 * Paleta de cores e tokens de design do sistema Checklist TI PROHOSPITAL.
 * Baseado no novo design system (handoff 2026).
 *
 * USO: Importado como primeiro arquivo CSS em layout.php.
 */

:root {
    /* ── Marca ─────────────────────────────────────────────── */
    --primary:        #ed2230;   /* Vermelho PROHOSPITAL       */
    --primary-dark:   #c91b27;   /* Vermelho escuro (hover)    */
    --brand-navy:     #0b1428;   /* Azul-marinho da marca      */
    --brand-navy-lt:  #1a2744;   /* Navy claro (hover sidebar) */
    --brand-yellow:   #ffd21f;   /* Amarelo acento             */
    --blue:           #1d4f91;   /* Azul institucional         */

    /* ── Superficies ───────────────────────────────────────── */
    --bg:             #f5f5f7;   /* Fundo geral                */
    --surface:        #ffffff;   /* Cards e paineis            */
    --surface-soft:   #f0f0f2;   /* Fundo suave (headers)      */
    --sf2:            #f5f5f7;   /* Surface alternativa        */
    --sf:             #ffffff;   /* Surface alias              */

    /* ── Sidebar ───────────────────────────────────────────── */
    --sidebar:        #fafafa;   /* Fundo sidebar (light)      */

    /* ── Texto ─────────────────────────────────────────────── */
    --ink:            #18181b;   /* Texto principal            */
    --muted:          #71717a;   /* Texto secundario           */
    --ink-light:      #a1a1aa;   /* Placeholder / metadados    */

    /* ── Bordas ─────────────────────────────────────────────  */
    --line:           #e4e4e7;   /* Borda padrao               */
    --line-strong:    #d4d4d8;   /* Borda mais visivel         */

    /* ── Feedback ──────────────────────────────────────────── */
    --danger:         #b91c1c;   /* Vermelho erro              */
    --success:        #16a34a;   /* Verde sucesso              */
    --warning:        #d97706;   /* Amarelo aviso              */

    /* ── Sombras ────────────────────────────────────────────  */
    --shadow-sm:      0 1px 4px rgba(15, 23, 42, .05), 0 4px 16px rgba(15, 23, 42, .04);
    --shadow-md:      0 4px 20px rgba(15, 23, 42, .08);
    --shadow-lg:      0 8px 40px rgba(15, 23, 42, .12);

    /* ── Transicoes ─────────────────────────────────────────  */
    --transition:     .2s ease;
    --transition-slow:.3s ease;

    /* ── Raios de borda ─────────────────────────────────────  */
    --radius-sm:      6px;
    --radius:         10px;
    --radius-lg:      14px;
    --radius-xl:      18px;
    --radius-full:    9999px;
}

[data-theme="dark"] {
    --bg:             #09090b;
    --surface:        #131316;
    --surface-soft:   #1a1a1e;
    --sf2:            #1a1a1e;
    --sf:             #131316;
    --sidebar:        #101012;
    --ink:            #f0f0f4;
    --muted:          #8a8a96;
    --ink-light:      #5c5c68;
    --line:           #28282e;
    --line-strong:    #3a3a42;
    --shadow-sm:      0 1px 4px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.15);
    --shadow-md:      0 4px 20px rgba(0,0,0,.25);
    --shadow-lg:      0 8px 40px rgba(0,0,0,.35);
}