/* Arco Pinturas · tokens do sistema "Memorial de medição" (DS premium v1, 23/10/2026). Estende tokens.css (DS v0.2) sem alterá-lo. Origem de cada valor: pesquisa/R3a, R3b, R3c (movimento medido em sites de referência, reimplementado de forma original) e pesquisa/R4 (orçamento de cor). Nenhum valor de estilo literal fora dos arquivos de tokens. */ :root { /* ---------- cor: o vermelho MARCA (linha, ponto, cota, botão), nunca tinta nem fundo ---------- */ --arco-papel: var(--suave-50); --arco-tinta: var(--tinta-900); --arco-grafite: var(--grafite-800); --arco-ilha: var(--grafite-900); --arco-acento: var(--vermelho-600); --arco-acento-hover: var(--vermelho-700); --arco-linha: var(--tinta-a12); /* hairline estrutural */ --arco-linha-forte: var(--tinta-a24); --arco-linha-ilha: var(--branco-a28); --arco-traco-desenho: var(--grafite-800); /* desenho técnico em traço */ --arco-cota: var(--vermelho-600); /* cota de 1 px: único uso do vermelho no desenho */ --arco-modulo-off: var(--tinta-a12); /* módulo ainda não medido */ --arco-modulo-on: var(--vermelho-600); /* módulo medido (faixa reta, nunca líquido) */ --arco-vermelho-max-dobra: 8; /* % da dobra, gate por pixels (R4); teto duro 10 */ --arco-vermelho-max-contiguo: 6; /* 1/6 da janela: nenhuma região vermelha maior */ /* ---------- tipografia: display mais leve e apertado; mono para o fato ---------- */ --arco-fonte-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; /* provisória; Geist/IBM Plex Mono self-host a conferir (OFL) */ --arco-peso-display: 500; --arco-peso-display-forte: 700; --arco-tracking-display: -.035em; --arco-tracking-mono: .04em; --arco-fs-display: clamp(2.25rem, 1rem + 3.3vw, 4.5rem); --arco-fs-h2: clamp(1.875rem, 1.2rem + 2.6vw, 3.25rem); --arco-fs-mono: .8125rem; --arco-lh-display: 1.02; /* ---------- grade e hairline ---------- */ --arco-hairline: 1px; --arco-traco-fino: .5px; --arco-cota-fs: 22px; /* unidades do viewBox da prancha */ --arco-malha: 5rem; --arco-contorno-num: 1px; --borda-foco-ilha: 3px solid var(--azul-claro); /* anel de foco na ilha grafite: 6,3:1 (o azul-texto dava 2,5:1) */ --arco-traco: 1px; /* desenho técnico */ --arco-traco-cota: 1px; --arco-coluna-regua: 2rem; /* largura da régua lateral */ --arco-raio: .125rem; /* cantos quase retos: nada de pílula */ --arco-ficha-pad: var(--s-5); /* ---------- movimento (R3a/R3b/R3c): 1 curva de saída, 5 durações, uma vez por entrada ---------- */ --arco-ease-out: cubic-bezier(.16, 1, .3, 1); /* expo.out medido em Montarville e Concrete */ --arco-ease-out-suave: cubic-bezier(.25, 1, .5, 1); /* hover/linhas: Montarville 97 usos */ --arco-ease-inout: cubic-bezier(.76, 0, .24, 1); /* cortina e troca de etapa */ --arco-dur-1: 120ms; /* inversão de cor */ --arco-dur-2: 250ms; /* hover de lista, prévia (Berch .25 s) */ --arco-dur-3: 400ms; /* troca de etapa, véu de página */ --arco-dur-4: 700ms; /* linha de título em máscara (Concrete 0,7 s) */ --arco-dur-5: 1000ms; /* teto: só o herói */ --arco-dur-traco: 1200ms; /* elevação que se desenha (Heron 1,3 s por traço, aqui 1,2 s no conjunto) */ --arco-atraso-traco: 80ms; /* entre traços (escalonamento) */ --arco-stagger-linha: 100ms; --arco-passo-modulo: 90ms; /* medição: um módulo a cada 90 ms, em degraus */ --arco-reveal-y: 24px; --arco-intro-max: 1200ms; /* intro só na 1ª visita; h1 já visível (todas as campeãs pagam 2 a 6,7 s de LCP) */ --arco-parallax-max: 0; /* nenhum parallax de mídia */ } /* ---------- peças do protótipo ---------- */ :root { --arco-cab-h: var(--altura-header); --arco-hero-prancha: min(100%, 34rem); --arco-prev-h: 16rem; --arco-linha-srv-min: 6.5rem; --arco-modulo-gap: .25rem; --arco-medicao-max: 26rem; --arco-mascara-desloc: 110%; --arco-seta-desloc: .5rem; --arco-btn-pad-y: .9rem; --arco-btn-pad-x: 1.5rem; --arco-sombra-nenhuma: none; --arco-marca-saldo: .1875rem; --n: 0; /* variáveis de instância (linha de máscara, coluna do módulo) */ --c: 0; } :root { --arco-num-fs: clamp(8rem, 5rem + 14vw, 20rem); /* numeral gigante da etapa, só contorno */ --arco-seg-h: .375rem; --arco-marca-w: clamp(14rem, 30vw, 24rem); --arco-marca-opacidade: .07; } :root { --arco-fs-srv: clamp(1.5rem, 1rem + 1.7vw, 2.375rem); } /* ---------- candidatos tipográficos (ARCO-P17; pesquisa/Q2): troca por data-tipo no ---------- */ :root, :root[data-tipo="B"] { --arco-fonte-display: 'Inter Tight', 'Inter', Arial, sans-serif; --arco-fonte-corpo: 'Inter Tight', 'Inter', Arial, sans-serif; --arco-fonte-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace; --arco-peso-display: 500; --arco-tracking-display: -.03em; } :root[data-tipo="A"] { --arco-fonte-display: 'Poppins', Arial, sans-serif; --arco-fonte-corpo: 'Poppins', Arial, sans-serif; --arco-fonte-mono: 'Geist Mono', ui-monospace, monospace; --arco-peso-display: 500; --arco-tracking-display: -.035em; } :root[data-tipo="C"] { --arco-fonte-display: 'Newsreader', Georgia, serif; --arco-fonte-corpo: 'Hanken Grotesk', Arial, sans-serif; --arco-fonte-mono: 'Geist Mono', ui-monospace, monospace; --arco-peso-display: 500; --arco-tracking-display: -.015em; } :root[data-tipo="D"] { --arco-fonte-display: 'Manrope', Arial, sans-serif; --arco-fonte-corpo: 'Manrope', Arial, sans-serif; --arco-fonte-mono: 'IBM Plex Mono', ui-monospace, monospace; --arco-peso-display: 600; --arco-tracking-display: -.03em; } :root { --arco-slot-cor: var(--vermelho-800); --arco-form-w: 30rem; --arco-boletim-pad: var(--s-3); }