/* Fontes oficiais (Gilroy) não foram fornecidas — Montserrat (Google Fonts) é a substituta declarada. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root{
  /* base */
  --as-roxo:#6A00F4;
  --as-roxo-escuro:#3D0A8C;
  --as-roxo-profundo:#1E0640;
  --as-roxo-claro:#A96CFF;
  --as-roxo-tinta:#F1E9FF;
  --as-preto:#0A0A0A;
  --as-branco:#FFFFFF;
  --as-cinza-100:#F5F4F8;
  --as-cinza-200:#E6E3EE;
  --as-cinza-400:#A8A4B5;
  --as-cinza-600:#5E5A6B;
  /* semânticos — tema escuro (padrão do site) */
  --bg:var(--as-preto);
  --bg-2:#141216;
  --panel:#19161F;
  --line:rgba(255,255,255,.10);
  --txt:var(--as-branco);
  --muted:#B9B4C6;
  --brand:var(--as-roxo);
  --brand-hover:#7A1CFF;
  --brand-press:#5A00D0;
  --brand-tinta:rgba(106,0,244,.16);
  --on-brand:var(--as-branco);
  --grad-marca:linear-gradient(135deg,#1E0640 0%,#3D0A8C 50%,#6A00F4 100%);
  --focus:0 0 0 3px rgba(169,108,255,.55);
}
[data-theme="claro"]{
  --bg:var(--as-branco);
  --bg-2:var(--as-cinza-100);
  --panel:var(--as-branco);
  --line:var(--as-cinza-200);
  --txt:var(--as-preto);
  --muted:var(--as-cinza-600);
  --brand-tinta:var(--as-roxo-tinta);
}

:root{
  --font:"Montserrat","Gilroy",system-ui,sans-serif;
  /* pesos: 800 títulos (como AUTO), 300 contraponto (como SÍNTESE), 400 corpo, 600 rótulos/botões */
  --fs-display:clamp(44px,6vw,88px);
  --fs-h1:clamp(36px,4.5vw,64px);
  --fs-h2:clamp(28px,3vw,44px);
  --fs-h3:24px;
  --fs-lead:20px;
  --fs-body:17px;
  --fs-small:14px;
  --fs-label:12px;
  --lh-tight:1.02;
  --lh-body:1.55;
  --ls-label:.14em;
}

:root{
  --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:144px;
  --r-sm:6px; --r-md:12px; --r-lg:20px; --r-pill:999px;
  --container:1200px;
  --shadow-roxa:0 20px 60px -20px rgba(106,0,244,.45);
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.18s;
}

html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}
a{color:var(--as-roxo-claro);text-decoration:none}
a:hover{color:var(--brand-hover);text-decoration:underline}
::selection{background:var(--brand);color:var(--on-brand)}
:focus-visible{outline:none;box-shadow:var(--focus)}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;line-height:var(--lh-tight)}
.as-thin{font-weight:300}
.as-label{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--muted)}