/* Oliveira Klippert — os papéis do contrato de interface, preenchidos. ═══════════════════════════════════════════════════════════════════════════════════════════════ O contrato (os 29 papéis) é o do protótipo de interface do ambiente: ambiente/nucleo_gws/estudio/interface/marcas/_contrato.css. Este arquivo só dá VALOR a eles. Paleta e vozes tipográficas lidas do CSS ao vivo de oliveiraklippert.com em 28/08/2026 (tema `klippert` do protótipo Klipperts, em archive/klipperts/kit/design-system/tokens/themes): petróleo #072B31, areia #DFD1A7, texto #0D1E1E, teal #005151, sálvia #9AB9AD; títulos em Marcellus e corpo em Karla. Os sinais (bom, atenção, perigo, informação) foram derivados para cumprir contraste AA sobre o papel claro. Aderência à paleta do escritório (pedido do titular, 25/09/2026; conselho sobre o protótipo Klipperts): o corpo em ink-body #38484A e os títulos no texto do site #0D1E1E; o realce na areia clara #EFE6CD; o foco em bronze-ouro #A67A26 (≥ 3:1 no papel, no branco, na sálvia e no petróleo — o anterior reprovava o critério 1.4.11); cantos quase retos (4 e 2 px) e sombra de hairline, como o protótipo. A ATENÇÃO deixou o laranja (que não é da marca: o tema do escritório só tem três cores funcionais) e passou à família bronze da areia — para voltar ao laranja da planilha basta repor --atencao #B8732E, --atencao-fraco #FBEFE4 e --atencao-forte #8A4A1C. A forma (■ ◆ ○ —) continua a distinguir as faixas de urgência para quem não distingue cores. Os links ficam no teal do logótipo (#005151, 8,3:1), e não no bronze do protótipo: divergência consciente, porque o bronze é aqui a cor da atenção. As fontes estão ALOJADAS AQUI, e não no Google Fonts: a aplicação pode correr sem internet aberta, e um pedido a terceiros enviaria o endereço de cada pessoa do escritório. Claro por padrão; escuro quando o sistema pede, ou com . */ /* A Karla desenha «º» e «ª» como letras de corpo inteiro na linha de base — «Lei n.o 23/2007» num escritório de advogados lê-se como erro. Só esses dois pontos de código vêm de uma serifada do sistema; o resto continua em Karla. */ @font-face { font-family: "OrdinalPT"; src: local("Georgia"), local("Times New Roman"), local("DejaVu Serif"), local("Cambria"); unicode-range: U+00AA, U+00BA; font-display: swap; } @font-face { font-family: "Karla"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(fontes/karla-qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUjm6bnEr.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: "Karla"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(fontes/karla-qkB9XvYC6trAT55ZBi1ueQVIjQTD-JrIH2G7nytkHRyQ8p4wUje6bg.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: "Marcellus"; font-style: normal; font-weight: 400; font-display: swap; src: url(fontes/marcellus-wEO_EBrOk8hQLDvIAF81WPoK7Es.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: "Marcellus"; font-style: normal; font-weight: 400; font-display: swap; src: url(fontes/marcellus-wEO_EBrOk8hQLDvIAF81VvoK.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; } [data-marca="klippert"] { --fundo: #F5F4EF; --superficie: #FFFFFF; --superficie-2: #E9F0EE; --realce: #EFE6CD; --texto: #38484A; --titulo: #0D1E1E; --suave: #5F6E6C; --linha: #DCDAD2; --acento: #072B31; --sobre-acento: #FFFFFF; --acento-texto: #005151; --bom: #2C6B55; --bom-fraco: #E6F1EC; --bom-forte: #1F5442; --atencao: #A0782F; --atencao-fraco: #F4EEDD; --atencao-forte: #6E5A2C; --perigo: #97362F; --perigo-fraco: #F8E9E7; --perigo-forte: #7A2A24; --info: #2F6E72; --info-fraco: #E7F0F0; --info-forte: #1F5256; --foco: #A67A26; --sans: "OrdinalPT", "Karla", "Segoe UI", system-ui, sans-serif; --mono: Consolas, "Cascadia Mono", monospace; --raio: 4px; --raio-p: 2px; --sombra: 0 1px 2px rgba(7,43,49,.06); color-scheme: light; } @media (prefers-color-scheme: dark) { [data-marca="klippert"]:not([data-tema="claro"]) { --fundo: #04191D; --superficie: #072B31; --superficie-2: #0B3A41; --realce: #104A52; --texto: #E9F0EE; --titulo: #FFFFFF; --suave: #9AB9AD; --linha: #174A51; --acento: #005151; --sobre-acento: #FFFFFF; --acento-texto: #DFD1A7; --bom: #4FA88F; --bom-fraco: #0F3B33; --bom-forte: #8FD4BF; --atencao: #CDAA5C; --atencao-fraco: #2F2A17; --atencao-forte: #EFE6CD; --perigo: #C96A52; --perigo-fraco: #3D1D15; --perigo-forte: #E8A492; --info: #6E9A9F; --info-fraco: #12333A; --info-forte: #C4DADB; --foco: #DFD1A7; --sans: "OrdinalPT", "Karla", "Segoe UI", system-ui, sans-serif; --mono: Consolas, "Cascadia Mono", monospace; --raio: 4px; --raio-p: 2px; --sombra: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35); color-scheme: dark; } } [data-marca="klippert"][data-tema="escuro"] { --fundo: #04191D; --superficie: #072B31; --superficie-2: #0B3A41; --realce: #104A52; --texto: #E9F0EE; --titulo: #FFFFFF; --suave: #9AB9AD; --linha: #174A51; --acento: #005151; --sobre-acento: #FFFFFF; --acento-texto: #DFD1A7; --bom: #4FA88F; --bom-fraco: #0F3B33; --bom-forte: #8FD4BF; --atencao: #CDAA5C; --atencao-fraco: #2F2A17; --atencao-forte: #EFE6CD; --perigo: #C96A52; --perigo-fraco: #3D1D15; --perigo-forte: #E8A492; --info: #6E9A9F; --info-fraco: #12333A; --info-forte: #C4DADB; --foco: #DFD1A7; --sans: "OrdinalPT", "Karla", "Segoe UI", system-ui, sans-serif; --mono: Consolas, "Cascadia Mono", monospace; --raio: 4px; --raio-p: 2px; --sombra: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35); color-scheme: dark; } /* Extensão desta marca, fora do contrato: os títulos na voz serifada do site do escritório. É identidade (tipo de letra), não estrutura — por isso mora aqui, e não na folha da aplicação. */ [data-marca="klippert"] :is(h1, h2, .marca-nome) { font-family: "Marcellus", Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: .01em; } /* Extensões desta marca, fora do contrato (identidade, não estrutura), resgatadas do protótipo Klipperts: o cabeçalho de tabela em petróleo com rótulo mono, o fio de areia na moldura, os títulos menores também em Marcellus, os números em Karla tabular (a Marcellus só tem um peso e algarismos irregulares) e os selos retangulares. */ [data-marca="klippert"] table.dados thead th { background: var(--acento); color: var(--sobre-acento); font-family: var(--mono); letter-spacing: .04em; } [data-marca="klippert"] .topo { box-shadow: inset 0 -3px 0 #DFD1A7; } [data-marca="klippert"] nav.lateral a[aria-current="page"] { box-shadow: inset 3px 0 0 #DFD1A7, inset 4px 0 0 #072B31; } [data-marca="klippert"] .boletim .capa { box-shadow: inset 0 -4px 0 #DFD1A7; } [data-marca="klippert"] :is(.folha h1, .folha h2, .boletim h3, .boletim .capa h1) { font-family: "Marcellus", Georgia, "Times New Roman", serif; font-weight: 400; } [data-marca="klippert"] .cartao-entrada { border-top: 4px solid #DFD1A7; } [data-marca="klippert"] :is(h3, h4) { font-family: "Marcellus", Georgia, "Times New Roman", serif; font-weight: 400; } [data-marca="klippert"] :is(.kpi .n, .sinal .grande, .numeros b, table.dados td.num, .valor) { font-family: var(--sans); font-variant-numeric: tabular-nums lining-nums; font-weight: 600; } [data-marca="klippert"] :is(.etiqueta, .urg) { border-radius: var(--raio-p); }