/* Tokens do Guia de design das aplicações do Grupo EBCO (v1.0, 2026-10-15), Apêndice A.
   Projeto sem Tailwind: vale só o bloco :root. Mudança de valor passa pelo Renan. */
:root {
    /* A marca (o hex ao lado é como o marketing fala). */
    --marca-azul: oklch(0.3945 0.1061 258.11); /* #1e457e */
    --marca-laranja: oklch(0.6617 0.2215 36.99); /* #fc4c00 */
    --marca-verde: oklch(0.5857 0.1830 142.22); /* #23951c */
    --marca-cinza: oklch(0.9332 0.0075 260.73); /* #e6e9ee */

    /* O sentimento: cheia, forte (texto), suave (fundo de etiqueta) e viva (marca de gráfico). */
    --urgente: oklch(0.5500 0.2100 27.00);
    --urgente-forte: oklch(0.4800 0.1900 27.00);
    --urgente-suave: oklch(0.9600 0.0250 27.00);
    --urgente-vivo: oklch(0.6100 0.2350 27.00);
    --atencao: oklch(0.6150 0.1450 70.00);
    --atencao-forte: oklch(0.4900 0.1100 75.00);
    --atencao-suave: oklch(0.9650 0.0400 85.00);
    --atencao-vivo: oklch(0.6600 0.1600 72.00);
    --bom: oklch(0.5900 0.1350 162.00);
    --bom-forte: oklch(0.4700 0.1100 162.00);
    --bom-suave: oklch(0.9600 0.0300 162.00);
    --bom-vivo: oklch(0.6400 0.1650 160.00);
    --neutro: oklch(0.6400 0.0250 258.00);
    --neutro-forte: oklch(0.4924 0.0345 257.79);
    --neutro-suave: oklch(0.9600 0.0060 258.00);

    --meta: oklch(0.4700 0.1400 300.00);
    --meta-suave: oklch(0.9450 0.0300 300.00);

    --sombra-cartao: 0 1px 2px oklch(0 0 0 / 0.05), 0 4px 12px oklch(0 0 0 / 0.06);
    --sombra-cartao-alta: 0 2px 4px oklch(0 0 0 / 0.06), 0 12px 28px oklch(0 0 0 / 0.10);

    --background: oklch(1 0 0);
    --foreground: oklch(0.1800 0.0150 258.00);
    --card: oklch(1 0 0);
    --card-foreground: var(--foreground);
    --popover: oklch(1 0 0);
    --popover-foreground: var(--foreground);
    --primary: var(--marca-azul);
    --primary-foreground: oklch(1 0 0);
    --secondary: var(--marca-cinza);
    --secondary-foreground: var(--marca-azul);
    --muted: var(--marca-cinza);
    --muted-foreground: oklch(0.4924 0.0345 257.79); /* #556275 */
    --accent: var(--marca-cinza);
    --accent-foreground: var(--marca-azul);
    --destructive: oklch(0.577 0.245 27.325);
    --border: oklch(0.8585 0.0200 260.17); /* #c9d1de */
    --input: oklch(0.6450 0.0300 260.00); /* #838ea0 */
    --ring: var(--marca-azul);
    /* Azul da marca quando ele é texto ou traço (link, ícone): no claro é o próprio --primary */
    --primary-texto: var(--primary);

    /* Uma série só: escala de azuis da marca (seção 6) */
    --chart-1: var(--marca-azul);
    --chart-2: oklch(0.5200 0.1050 257.50);
    --chart-3: oklch(0.6400 0.0900 256.00);
    --chart-4: oklch(0.7600 0.0650 258.00);
    --chart-5: oklch(0.8600 0.0400 259.00);

    --radius: 0.625rem;
    --radius-sm: calc(var(--radius) * 0.6);
    --radius-md: calc(var(--radius) * 0.8);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) * 1.4);

    /* O menu lateral é o azul da marca, com o logo branco. */
    --sidebar: var(--marca-azul);
    --sidebar-foreground: oklch(0.9800 0.0050 258.00);
    --sidebar-primary: oklch(1 0 0);
    --sidebar-primary-foreground: var(--marca-azul);
    --sidebar-accent: oklch(0.4920 0.1112 257.26); /* #35619f */
    --sidebar-accent-foreground: oklch(1 0 0);
    --sidebar-border: oklch(0.4700 0.1080 258.00);
    --sidebar-ring: oklch(1 0 0);

    /* A escala de texto (seção 3), equivalente às classes do Tailwind. */
    --font-sans: "Geist", ui-sans-serif, system-ui, "Segoe UI", sans-serif;
    --text-xs: 0.75rem;   --leading-xs: 1rem;
    --text-sm: 0.875rem;  --leading-sm: 1.25rem;
    --text-base: 1rem;    --leading-base: 1.5rem;
    --text-xl: 1.25rem;   --leading-xl: 1.75rem;
    --text-2xl: 1.5rem;   --leading-2xl: 2rem;
}

/* Tema escuro (fora do guia v1.0, que é só claro: pedido do responsável pela UniEbco em 15/10/2026).
   É a paleta do menu lateral do estOS (guia, seção 2): superfícies no azul da marca #1e457e, ação principal
   branca com texto azul (--sidebar-primary), realce #35619f e linhas #325a96. A página fica num azul-marinho
   da mesma matiz, para os painéis e blocos azuis se destacarem. Vale quando a pessoa escolhe "Modo Escuro"
   (classe night-mode, gravada pela comunidade no cookie s_night_mode). Contrastes medidos no preview. */
body.night-mode {
    --background: oklch(0.2400 0.0650 258.00);
    --foreground: oklch(0.9800 0.0050 258.00);           /* = --sidebar-foreground */
    --card: var(--marca-azul);
    --card-foreground: var(--foreground);
    --popover: var(--marca-azul);
    --popover-foreground: var(--foreground);
    --primary: var(--sidebar-primary);                   /* branco */
    --primary-foreground: var(--sidebar-primary-foreground); /* azul da marca */
    --primary-texto: oklch(0.8300 0.0700 257.00);        /* link e ícone sobre o azul */
    --secondary: var(--sidebar-accent);
    --secondary-foreground: var(--foreground);
    --muted: var(--sidebar-accent);
    --muted-foreground: oklch(0.8900 0.0250 258.00);
    --accent: var(--sidebar-accent);
    --accent-foreground: var(--sidebar-accent-foreground);
    --destructive: oklch(0.6500 0.2100 25.00);
    --border: var(--sidebar-border);
    --input: oklch(0.6800 0.0700 258.00);
    --ring: var(--sidebar-ring);

    --urgente-forte: oklch(0.8500 0.0900 25.00);
    --urgente-suave: oklch(0.3200 0.0800 25.00);
    --atencao-forte: oklch(0.8800 0.1000 80.00);
    --atencao-suave: oklch(0.3300 0.0600 75.00);
    --bom-forte: oklch(0.8600 0.1000 162.00);
    --bom-suave: oklch(0.3200 0.0600 162.00);
    --neutro-forte: var(--muted-foreground);
    --neutro-suave: var(--sidebar-accent);

    --chart-3: oklch(0.7200 0.0900 256.00);

    --sombra-cartao: 0 1px 2px oklch(0 0 0 / 0.30), 0 4px 12px oklch(0 0 0 / 0.35);
    --sombra-cartao-alta: 0 2px 4px oklch(0 0 0 / 0.35), 0 12px 28px oklch(0 0 0 / 0.50);
    color-scheme: dark;
}

/* A barra de rolagem fina, na cor do contorno de campo; branca translúcida no menu azul. */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--input) transparent;
}
.bg-sidebar,
.bg-sidebar * {
    scrollbar-color: oklch(1 0 0 / 35%) transparent;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background-color: var(--input);
    border-radius: 9999px;
    border: 2px solid transparent;
    background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background-color: var(--muted-foreground); }
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner { display: none; }
.bg-sidebar::-webkit-scrollbar-thumb,
.bg-sidebar *::-webkit-scrollbar-thumb { background-color: oklch(1 0 0 / 35%); }