/* ========================================================================== FUNDACAO DA MARCA M2 - fontes e tokens de cor ========================================================================== Paleta e tipografia oficiais do manual "IDV comercial" (agosto/2026): rosa #ff005c, ciano #00d1ff, amarelo #ffe600, cinza #5d5d5d; titulos em Bricolage Grotesque, textos em Poppins. O papel de cada cor esta escrito em docs/paleta-dashboards.md; aqui ficam so os valores. POR QUE ISTO SAIU DO style.css (28/08/2026) =========================================== O style.css nao e so tokens: ele traz o layout do sistema, com topo fixo, menu lateral de 270px, `body{background:var(--fundo)}` e um `@media print{h1{display:none!important}}`. Isso torna o style.css IMPOSSIVEL de linkar numa pagina avulsa. A folha de inventario (`/estoque/imprimir_lista`) e uma dessas: documento para sair na impressora, sem topo nem menu. Linkar o style.css nela apagaria o titulo no papel, pintaria o fundo de #d7dae6 e infliria as linhas com padding de 12px. A alternativa era repetir os tokens dentro da folha -- e token repetido e a mesma armadilha que este PR consertou no recorte de materiais: duas copias nao divergem no dia em que nascem, divergem no dia em que alguem conserta uma das duas. Entao a fundacao virou arquivo proprio, e quem precisa dela linka ESTE arquivo. Quem precisa tambem do layout linka os dois, nesta ordem. QUEM LINKA ========== `core/layout.py` (pagina e html_login), `core/auth.py` (acesso restrito), `templates/base.html`, `static/offline.html` e a folha de inventario em `main.py`. O teste `tests/test_marca_fundacao.py` reprova se uma casca linkar o style.css sem linkar este arquivo -- sem ele, a tela nasce sem cor nenhuma e sem as fontes da marca. POR QUE OS TOKENS FICAM EM :root, E NAO EM body.m2-v12320 ========================================================= As telas de login e de "acesso restrito" usam outra casca, com e puro. Tudo que fosse declarado em body.m2-v12320 nao alcancaria essas duas telas - e o login e a primeira coisa que alguem ve. AS FONTES SAO SERVIDAS PELO PROPRIO SISTEMA =========================================== Nada de CDN: o sistema e um PWA com service worker e precisa funcionar sem internet. Os .woff2 vivem em /static/fonts (160 KB no total, licenca OFL). Eles estao no precache do static/service-worker.js, junto deste arquivo. ========================================================================== */ @font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url('/static/fonts/bricolage-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-display:swap;src:url('/static/fonts/bricolage-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/poppins-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('/static/fonts/poppins-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/poppins-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/static/fonts/poppins-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/poppins-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/static/fonts/poppins-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root{ /* Cores da marca */ --rosa:#ff005c; --rosa-acao:#d60050; /* rosa escurecido para superficie COM TEXTO: branco sobre #ff005c da contraste 3,9:1 e nao passa o minimo de leitura (4,5:1); este da 5,3:1. */ --ciano:#00d1ff; --amarelo:#ffe600; --cinza-marca:#5d5d5d; /* Topo e menu: grafite derivado do cinza da marca */ --grafite:#4b4848; /* GRAFITE do Figma (estilo do Diogo) */ --grafite-escuro:#403d3d; --grafite-menu:#4b4848; --grafite-hover:#5c5858; /* Superficies e texto */ --fundo:#d7dae6; /* fundo do desenho aprovado (Figma) */ --fundo-rosa:#fff7fa; --superficie:#ffffff; --borda-linha:#d0d3de; /* mesmos neutros do HUB MKT */ --texto-forte:#2d2d2d; --texto-suave:#5d5d5d; --muted-cor:#8a8aa0; /* Tipografia da marca */ --fonte-titulo:'Bricolage Grotesque','Segoe UI',system-ui,-apple-system,sans-serif; --fonte-corpo:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif; }