/* RF Instalações Elétricas · tokens do design system
   Fonte: marca real (logo RF + apresentação comercial 2025). Figma pendente (MCP sem autenticação):
   este arquivo é a fonte de verdade de arquivo até o DS ser montado no Figma.
   Paleta: preto da apresentação, amarelo sinal e vermelho do logo. Tipografia: Schibsted Grotesk,
   grotesca na linhagem da Helvetica World usada na apresentação (Helvetica não tem licença web livre). */

@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;
  src:url("../fonts/schibsted-grotesk-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:"Schibsted Grotesk";font-style:normal;font-weight:400 900;font-display:swap;
  src:url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* ---------- cor: marca ---------- */
  --yellow:#F8D800;        /* amarelo sinal do logo (medido no PNG oficial) */
  --yellow-press:#E2C400;  /* hover/active do botão amarelo */
  --red:#E81820;           /* vermelho do "F" e do raio. Só gráfico (pinos, sinaleira), nunca texto pequeno */

  /* ---------- cor: neutros ---------- */
  --ink:#0B0B0C;           /* preto das telas da apresentação */
  --ink-2:#131315;         /* superfície elevada no escuro */
  --ink-3:#1C1D20;         /* estados no escuro (aba, célula) */
  --paper:#F1EFEA;         /* claro quente, cor de concreto polido */
  --paper-2:#E5E2DB;       /* superfície no claro */
  --text-on-ink:#F4F2EE;   /* texto principal no escuro (17.6:1 sobre ink) */
  --fog:#B7B4AD;           /* texto de apoio no escuro (9.5:1 sobre ink, 8.1:1 sobre ink-3) */
  --text-on-paper:#0B0B0C; /* texto principal no claro (17.1:1 sobre paper) */
  --stone:#57544E;         /* texto de apoio no claro (6.6:1 sobre paper, 5.8:1 sobre paper-2) */
  --line-ink:rgba(244,242,238,.14);   /* divisória no escuro (nunca em eyebrow) */
  --line-paper:rgba(11,11,12,.14);    /* divisória no claro (nunca em eyebrow) */

  /* ---------- tipografia ---------- */
  --font:"Schibsted Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --fs-h1:clamp(2.35rem,1.2rem + 4.1vw,5.1rem);   /* 38 → 82px */
  --fs-h2:clamp(1.85rem,1.1rem + 2.5vw,3.35rem);  /* 30 → 54px */
  --fs-h3:clamp(1.2rem,1rem + .6vw,1.5rem);       /* 19 → 24px */
  --fs-lead:clamp(1.02rem,.95rem + .35vw,1.22rem);/* 16 → 19.5px */
  --fs-body:1rem;                                 /* 16px */
  --fs-small:.875rem;                             /* 14px */
  --fs-label:.78rem;                              /* 12.5px, caixa alta, tracking .16em */
  --fs-num:clamp(3.2rem,2rem + 4.5vw,6.4rem);     /* big number */
  --lh-tight:1.02; --lh-head:1.08; --lh-body:1.55;
  --track-h1:-.032em; --track-h2:-.026em; --track-label:.16em;
  --w-display:620; --w-head:600; --w-strong:600; --w-body:400;
  --measure:62ch;         /* medida de leitura do corpo */

  /* ---------- espaço (base 4, escala 1.5) ---------- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --gutter:clamp(20px,4vw,40px);
  --container:1240px;
  --section-y:clamp(44px,7vh,104px);
  --hdr-h:72px; --hdr-h-solid:64px;

  /* ---------- forma ---------- */
  --r-0:0; --r-1:2px; --r-2:4px;     /* precisão industrial: foto e card retos, controle com 2px */
  --shadow-none:none;                /* sem sombra de card; profundidade por cor e sobreposição */
  --shadow-lb:0 30px 80px rgba(0,0,0,.45);

  /* ---------- ângulo da marca ---------- */
  --slash:62deg;           /* inclinação do raio/R do logo: hachura e revelação diagonal do hero */

  /* ---------- movimento (sistema de movimento BuildV) ---------- */
  --e-out:cubic-bezier(.16,.84,.28,1);   /* entradas, reveals, pins */
  --e-ui:cubic-bezier(.4,0,.2,1);        /* header, hover, chrome */
  --t-reveal:.9s; --t-ui:.35s; --t-fast:.2s;
}