/* Espaço Sow, tokens de layout v1 (Pedro, 28/10/2026).
   FONTE DE INTERFACE PROVISÓRIA: Inter (OFL 1.1) até a cliente informar a fonte oficial da marca (T02).
   A marca entra SOMENTE como a imagem da logo; nunca imitar a serifada da logo com texto.
   Paleta derivada da logo: preto, branco e 1 neutro quente de apoio. Todo o resto é opacidade destes três. */

@font-face{
  font-family:"Inter Sow";
  src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  /* cor: 3 valores */
  --sow-preto:#0A0A0A;
  --sow-branco:#FFFFFF;
  --sow-neutro:#6E6A62;           /* contraste 5,3:1 sobre branco; texto secundário */

  /* derivados por opacidade (sem cor nova) */
  --linha:rgb(10 10 10 / .14);
  --linha-forte:rgb(10 10 10 / .5);
  --superficie:rgb(10 10 10 / .04);
  --superficie-2:rgb(10 10 10 / .08);
  --linha-invertida:rgb(255 255 255 / .24);
  --texto-invertido-2:rgb(255 255 255 / .7);

  /* tipografia (provisória) */
  --font-ui:"Inter Sow","Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fs-micro:.6875rem;            /* 11 px, rótulos em caixa alta */
  --fs-small:.8125rem;            /* 13 px */
  --fs-body:.9375rem;             /* 15 px */
  --fs-lead:1.0625rem;            /* 17 px */
  --fs-h3:1.25rem;                /* 20 px */
  --fs-h2:1.75rem;                /* 28 px */
  --fs-h1:2.5rem;                 /* 40 px */
  --fs-num:3.25rem;               /* 52 px, números do painel */
  --lh-tight:1.1;
  --lh-body:1.45;
  --tracking-caps:.14em;
  --tracking-tight:-.02em;
  --tracking-num:-.035em;
  --w-regular:400;
  --w-medium:500;
  --w-semibold:600;
  --w-bold:700;
  --w-black:800;

  /* espaçamento (escala de 4) */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:48px;
  --sp-8:64px;
  --sp-9:96px;

  /* forma: quase reta, filete fino, sem sombra */
  --r-0:0;
  --r-1:2px;
  --r-2:4px;
  --borda:1px solid var(--linha);
  --borda-forte:1.5px solid var(--sow-preto);
  --tap:44px;
  --gutter:20px;
  --w-painel-max:1320px;

  /* movimento */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.18s;
}

@media (min-width:1024px){
  :root{ --gutter:32px; }
}