/* Design tokens — Intraweb (Spec 05) */
:root {
    /* Cores — identidade Serraf Intraweb (azul-marinho + azul vivo do logo) */
    --cor-primaria: #17348c;
    --cor-primaria-escura: #0f2160;
    --cor-primaria-clara: #2f7fe6;
    --cor-acento: #2f7fe6;
    /* Azul do topo do banner (amostrado de img/banner.svg) — usado na barra superior */
    --cor-banner: #125da0;
    /* Paleta dos cards do portal (destaques e grupos de recursos) */
    --c-azul: #1565c0;
    --c-verde: #22a45d;
    --c-amarelo: #eca800;
    --c-roxo: #7048c8;
    --c-laranja: #e8790f;
    --c-teal: #0f8a8a;
    /* Versão FORTE de cada cor: saturação 100% e a maior luminosidade em que o
       branco em cima ainda passa de 3.3:1 — calculada, não escolhida no olho.
       Usada nos cards da home (disco do ícone, título, seta). As originais
       continuam nos selos, tags e bordas, onde cor forte demais grita. */
    --c-azul-forte: #0064d5;
    --c-verde-forte: #00a24a;
    --c-amarelo-forte: #c48d00;
    --c-roxo-forte: #5b11ff;
    --c-laranja-forte: #de6c00;
    --c-teal-forte: #009999;
    --cor-bg: #f5f7fa;
    --cor-superficie: #ffffff;
    --cor-texto: #1c2733;
    --cor-texto-suave: #5a6b7b;
    --cor-ok: #2e7d32;
    --cor-ok-bg: #e6f4ea;
    --cor-alerta: #c62828;
    --cor-alerta-bg: #fdecea;
    --cor-info: #1565c0;
    --cor-info-bg: #e7f0fb;
    --cor-borda: #e0e6ed;

    /* ---- Tema do módulo Gestão de Projetos (23/09/2026) ----------------
       Feito com a `theme-factory`: nenhum dos 10 temas prontos dela entrou,
       porque a marca da Serraf já existe e trocá-la por "Ocean Depths" seria
       vestir o sistema de outra empresa. O tema é derivado do azul do logo,
       como a própria skill manda fazer quando nenhum pronto serve.

       Os valores ficam em HEX, e não em OKLCH como pede o design system:
       este arquivo já é todo hex, e misturar dois formatos de cor no mesmo
       lugar é pior do que seguir a convenção que existe. */

    /* Molduras: três pesos, do bloco para a divisória interna. */
    --prj-linha-forte: #7ea3dd;
    --prj-linha: #b9cef0;
    --prj-linha-fina: #dde7f8;
    --prj-fundo-frio: #f7f8f9;

    /* Paleta CATEGÓRICA dos gráficos — a ordem é fixa e nunca é ciclada.
       Validada em `dataviz/scripts/validate_palette.js`: faixa de luminosidade,
       chroma, contraste e separação em daltonismo, todos PASS no claro
       (pior par adjacente ΔE 14 em deuteranopia, 26 em visão normal). */
    --prj-serie-1: #2f6fd6;  /* azul     */
    --prj-serie-2: #1e9e5a;  /* verde    */
    --prj-serie-3: #7048c8;  /* roxo     */
    --prj-serie-4: #d9670c;  /* laranja  */
    --prj-serie-5: #00a3a3;  /* teal     */
    --prj-serie-6: #d03b3b;  /* vermelho */

    /* Paleta de STATUS dos gráficos — reservada, nunca reaproveitada como
       "série 4" (regra da dataviz). Cada uma sempre com rótulo e número ao
       lado: cor não identifica nada sozinha. */
    --prj-st-critico: #d03b3b;   /* bloqueado    */
    --prj-st-serio: #ec835a;     /* atrasado     */
    --prj-st-neutro: #8a96a3;    /* sem notícias */
    --prj-st-atencao: #fab219;   /* vence em 7d  */
    --prj-st-bom: #0ca30c;       /* em dia       */

    /* Tipografia */
    --fonte: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --fs-base: 1rem;   /* ~~16px~~ 18/09: segue o html (17px no app.css) */
    --fs-h1: clamp(1.7rem, 5vw, 2.6rem);
    --fs-h2: clamp(1.35rem, 3.5vw, 2rem);
    --fs-h3: 1.15rem;

    /* Espaçamento */
    --sp-1: .25rem;
    --sp-2: .5rem;
    --sp-3: 1rem;
    --sp-4: 1.5rem;
    --sp-5: 2.5rem;
    --sp-6: 4rem;

    /* Formas */
    --raio: 12px;
    --raio-sm: 8px;
    --sombra: 0 2px 10px rgba(20, 40, 70, .08);
    --sombra-forte: 0 8px 28px rgba(20, 40, 70, .14);
    --container: 1140px;
}