/* INOVA Flask — tokens de design.
   Fonte unica de cores, tipografia, espacamentos. Nenhum hex solto fora daqui.
   Referencia: LASTRO.md secao 5 + CLAUDE.md "Convencoes deste projeto". */

/* ===== POPPINS self-host (OFL, static/fonts/poppins/*.woff2) =====
   font-display: optional em vez de swap — evita o "tremor" (FOUT) de layout
   quando a fonte troca apos o primeiro paint. Com optional, a fonte so e
   aplicada se chegar em <=100ms; a partir da 2a visita (cacheada) sempre
   aplica. Combinado com preload no base.html da Poppins 500 (peso mais
   usado em UI), zera o shift. */
@font-face {
    font-family: "Poppins";
    src: url("/static/fonts/poppins/poppins-400.woff2") format("woff2");
    font-weight: 400; font-style: normal; font-display: optional;
}
@font-face {
    font-family: "Poppins";
    src: url("/static/fonts/poppins/poppins-500.woff2") format("woff2");
    font-weight: 500; font-style: normal; font-display: optional;
}
@font-face {
    font-family: "Poppins";
    src: url("/static/fonts/poppins/poppins-600.woff2") format("woff2");
    font-weight: 600; font-style: normal; font-display: optional;
}
@font-face {
    font-family: "Poppins";
    src: url("/static/fonts/poppins/poppins-700.woff2") format("woff2");
    font-weight: 700; font-style: normal; font-display: optional;
}

:root {
    /* ===== CORES DE MARCA (congeladas no LASTRO) ===== */
    --accent:       #2f8acb;   /* botoes primarios, links ativos, foco, borda ativa sidebar */
    --brand-blue:   #0156DB;   /* cabecalho institucional do PDF de orcamento */
    --brand-red:    #FC2020;   /* barra do logo INOVA MUDANCAS */

    /* ===== CORES NEUTRAS (tema light, decisao PASSO_0) ===== */
    --bg:           #f4f6fa;   /* fundo da area de conteudo */
    --surface:      #ffffff;   /* cards, modais, formularios */
    --surface-alt:  #eef2f7;   /* linhas zebradas, chips, hover suave */
    --border:       #d8dee6;
    --border-strong:#b7c0cc;

    --text:         #1a2733;   /* texto principal */
    --text-muted:   #556070;
    --text-faint:   #8a95a3;
    --text-on-dark: #ffffff;

    --sidebar-bg:        #0f2235;   /* fundo escuro da sidebar (contraste com --accent) */
    --sidebar-item-fg:   #c7d4e1;
    --sidebar-item-hover:#1a3550;
    --sidebar-active-bg: #1a3550;
    --sidebar-active-fg: #ffffff;

    /* ===== ESTADO ===== */
    --ok:        #1f9d55;
    --warn:      #d08500;
    --danger:    var(--brand-red);
    --info:      var(--accent);

    /* status online dos usuarios (regra 18 LASTRO) */
    --status-online: #28a745;   /* bolinha verde 🟢 */
    --status-recent: #d08500;   /* bolinha amarelo 🕓 */
    --status-off:    #8a95a3;   /* bolinha cinza ⚪ */

    /* ===== TIPOGRAFIA (Poppins self-host em static/fonts/poppins/) ===== */
    --font-sans:    "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-display: "Poppins", system-ui, sans-serif;
    --font-mono:    ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;

    --fs-xs: 12px;
    --fs-sm: 13px;
    --fs-md: 14px;
    --fs-lg: 16px;
    --fs-xl: 20px;
    --fs-2xl: 24px;
    --fs-3xl: 32px;

    /* ===== ESPACAMENTO ===== */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;

    /* ===== LAYOUT ===== */
    --sidebar-w: 240px;
    --topbar-h:  56px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 999px;

    /* ===== SOMBRAS ===== */
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);
    --shadow-md: 0 4px 12px rgba(16, 24, 40, .08);
    --shadow-lg: 0 10px 40px rgba(16, 24, 40, .10);

    /* ===== TRANSICOES ===== */
    --t-fast:   120ms ease-out;
    --t-base:   180ms ease-out;
    --t-slow:   280ms ease-out;

    /* ===== Z-INDEX ===== */
    --z-sidebar: 20;
    --z-topbar:  30;
    --z-fab:     40;
    --z-drawer:  50;
    --z-modal:   60;
    --z-toast:   70;
}