/*
 * Camada canônica de tokens de design.
 * Fonte única de cores, elevação, raio e layout para todas as telas.
 * A rota /chat (React/Vite) tem seus próprios tokens em public/assets/chat e
 * está fora desta padronização.
 *
 * Marca: família azul royal #2f5cf4 (consolidada dos módulos recentes).
 */
:root {
    /* Marca */
    --c-primary: #2f5cf4;
    --c-primary-dark: #1c46d8;
    --c-primary-soft: #eef1ff;
    --c-primary-ink: #16379d;
    --c-success: #12a875;
    --c-danger: #e34f5f;
    --c-warning: #f3a72f;
    --c-info: #1786c8;

    /* Neutros */
    --c-surface: #fff;
    --c-bg: #f4f7fb;
    --c-ink: #172033;
    --c-muted: #6b7487;
    --c-border: #e7ebf2;

    /* Elevação */
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 17px;
    --r-pill: 999px;
    --sh-sm: 0 4px 12px rgba(34, 43, 69, .06);
    --sh-md: 0 12px 34px rgba(34, 43, 69, .08);
    --sh-lg: 0 25px 70px rgba(13, 18, 34, .12);

    /* Layout, tipografia e espaço */
    --touch-target: 44px;
    --topbar-height: 77px;
    --sidebar-width: 282px;
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

    /* Aliases compatíveis (herdados do tema anterior); serão reduzidos na Fase 2 */
    --primary: var(--c-primary);
    --primary-dark: var(--c-primary-dark);
    --surface: var(--c-surface);
    --bg: var(--c-bg);
    --text: var(--c-ink);
    --muted: var(--c-muted);
    --border: var(--c-border);
    --success: var(--c-success);
    --danger: var(--c-danger);
    --warning: var(--c-warning);
    --shadow: var(--sh-md);
}