/* INSS de Obra Fácil — design tokens (fonte única da verdade). Importe depois de fonts/fonts.css. */
:root{
  /* Cor — fundo acetinado */
  --c-satin-950:#05070C; --c-satin-900:#070A12; --c-satin-800:#0B101B; --c-satin-700:#121826; --c-satin-600:#1B2333; --c-satin-500:#2A3447;
  /* Cor — marca */
  --c-navy-900:#061A47; --c-navy-700:#0B2A6F; --c-navy-500:#1747B3; --c-navy-300:#6E9BFF;
  --c-amber-500:#FFB21A; --c-amber-600:#E09600; --c-amber-700:#C47F00;   /* acento "obra" — usar com parcimônia */
  --c-holo-400:#6FE7FF;                                                     /* holograma — só efeitos/linhas finas */
  /* Cor — neutros */
  --c-white:#F5F7FA; --c-gray-300:#C9CFD9; --c-gray-400:#9AA3B2; --c-gray-500:#737D8E; --c-gray-600:#5B6474; --c-line:rgba(245,247,250,.14);
  /* Cor — estados */
  --c-success:#2FD08A; --c-danger:#FF5A5F; --c-warning:#FFB21A; --c-info:#6E9BFF;
  /* Semânticas */
  --bg:var(--c-satin-900); --surface:rgba(255,255,255,.035); --surface-hover:rgba(255,255,255,.06);
  --text:var(--c-white); --text-muted:var(--c-gray-400); --text-subtle:var(--c-gray-500);
  --border:var(--c-line); --border-strong:rgba(245,247,250,.55); --accent:var(--c-amber-500); --brand:var(--c-navy-500); --focus:var(--c-holo-400);

  /* Fundo acetinado (camadas: ruído + brilhos + faixa de cetim diagonal) */
  --satin-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .055 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --satin-bg:
    var(--satin-noise),
    radial-gradient(120% 80% at 15% -10%, rgba(140,165,220,.10), transparent 55%),
    radial-gradient(80% 70% at 85% 45%, rgba(23,71,179,.16), transparent 62%),
    linear-gradient(118deg, #05070C 0%, #0A0F1A 30%, #161E2E 47%, #0E1422 55%, #070A12 72%, #05070C 100%);

  /* Tipografia */
  --font-display:"Barlow Condensed","D-DIN Condensed","Arial Narrow",system-ui,sans-serif;
  --font-body:"Barlow","D-DIN",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(2.75rem,6.2vw,5.5rem); /* H1 hero 44→88px */
  --fs-h2:clamp(2rem,4vw,3.25rem); --fs-h3:clamp(1.5rem,2.4vw,2rem); --fs-h4:1.25rem;
  --fs-body-lg:1.125rem; --fs-body:1rem; --fs-small:.875rem; --fs-label:.75rem; --fs-micro:.6875rem;
  --lh-tight:.95; --lh-snug:1.15; --lh-body:1.6;
  --ls-display:.01em; --ls-label:.14em; --ls-nav:.08em;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;

  /* Espaçamento (base 4px) */
  --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; --sp-10:128px;
  /* Layout */
  --container:1360px; --gutter:clamp(20px,4.2vw,60px); --nav-h:72px; --grid-cols:12; --grid-gap:24px;
  /* Forma */
  --radius-0:0; --radius-1:2px; --radius-2:4px; --radius-3:8px; --radius-pill:999px;
  --border-w:1px;
  /* Sombra / brilho */
  --glow-brand:0 0 60px rgba(23,71,179,.45); --glow-holo:0 0 24px rgba(111,231,255,.35); --shadow-card:0 20px 60px rgba(0,0,0,.45);
  /* Movimento */
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur-fast:150ms; --dur-base:250ms; --dur-slow:600ms; --dur-reveal:900ms;
  --planet-rotation-period:120s; /* 1 volta a cada 2 min */
  /* Camadas */
  --z-bg:0; --z-planet:1; --z-content:2; --z-nav:50; --z-modal:100;
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-reveal:0ms}}