/* =========================================================
   00-base-e-tokens.css
   Landing page Artegraf — arquivo gerado na refatoração.
   Mantém CSS separado por responsabilidade para evitar monólito.
========================================================= */

@charset "UTF-8";

/* ── TOKENS ── */
:root,[data-theme="azul"]{
  --bg:#fff;--bg2:#EEF3FF;--bg3:#fff;
  --h:#0B1120;--b:#4B5563;--m:#9CA3AF;
  --p:#1563C9;--pf:rgba(21,99,201,.10);
  --ac:#E8F000;
  --ct:#16A34A;--ch:#15803D;--cx:#fff;
  --bd:rgba(0,0,0,.08);
  --s1:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);
  --s2:0 4px 16px rgba(0,0,0,.08);
  --s3:0 12px 40px rgba(0,0,0,.10),0 4px 12px rgba(0,0,0,.05);
  --r1:8px;--r2:16px;--r3:24px;--r4:32px;
  --tr:.25s ease;
  --hbg:rgba(255,255,255,.92);
  --wg:#25D366;--wgh:#1ebe5d;
  color-scheme:light
}
[data-theme="escuro"]{
  --bg:#0C1018;--bg2:#131B28;--bg3:#18222E;
  --h:#EEF4FF;--b:#8896AA;--m:#5A6A80;
  --p:#4D9EFF;--pf:rgba(77,158,255,.12);
  --ac:#B6FF00;
  --ct:#22C55E;--ch:#16A34A;--cx:#0C1018;
  --bd:rgba(255,255,255,.08);
  --s1:0 1px 3px rgba(0,0,0,.3);
  --s2:0 4px 20px rgba(0,0,0,.35);
  --s3:0 12px 48px rgba(0,0,0,.45);
  --hbg:rgba(12,16,24,.92);
  color-scheme:dark
}
[data-theme="editorial"]{
  --bg:#F4EDE4;--bg2:#EBE2D7;--bg3:#FAFAF6;
  --h:#1C150C;--b:#4A3F35;--m:#7C7063;
  --p:#1A3661;--pf:rgba(26,54,97,.09);
  --ac:#D97337;
  --ct:#1B8A3D;--ch:#166B30;--cx:#fff;
  --bd:rgba(0,0,0,.09);
  --s1:0 1px 4px rgba(0,0,0,.06);
  --s2:0 4px 18px rgba(0,0,0,.08);
  --s3:0 12px 44px rgba(0,0,0,.09);
  --hbg:rgba(244,237,228,.92);
  color-scheme:light
}

/* ── RESET ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;line-height:1.6;background:var(--bg);color:var(--b);transition:background .4s,color .4s}
body.locked{overflow:hidden}
section{scroll-margin-top:68px}
img{max-width:100%;display:block}