/* JorgeGomes.com V2 — tokens compartilhados (site público + login + dashboard).
   Para trocar/adicionar fonte: altere apenas os @font-face e --font-* abaixo. */
@font-face{font-family:"JG Heading";src:url('/site/BRAND_GUIDE/03_FONTES/Montserrat.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:"JG Body";src:url('/site/BRAND_GUIDE/03_FONTES/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:"JG Display";src:url('/site/BRAND_GUIDE/03_FONTES/LeagueSpartan.ttf') format('truetype');font-weight:100 900;font-display:swap}

:root{
  /* Marca (Brand Guide 05_CORES) */
  --jg-indigo:#343C7A;
  --jg-mid:#40518D;
  --jg-blue:#2D579B;
  --jg-ink:#202435;
  --jg-muted:#626B7D;
  --jg-line:#D8DDE7;
  --jg-pale:#F0F3F8;
  --jg-white:#FFFFFF;
  --jg-violet:#3C2586;
  --jg-gradient:linear-gradient(150deg,#343579 0%,#40518D 45%,#2D579B 100%);

  /* Superfícies escuras (Hero escura / dashboard) — derivadas do grafite, não preto puro */
  --jg-night:#141828;
  --jg-night-2:#1B2036;
  --jg-night-3:#252B45;
  --jg-night-line:rgba(216,221,231,.14);
  --jg-night-text:#E9ECF4;
  --jg-night-muted:#A7AFC4;

  /* Tipografia */
  --font-heading:"JG Heading",Montserrat,Arial,sans-serif;
  --font-body:"JG Body",Inter,Arial,sans-serif;
  --font-display:"JG Display","JG Heading",Montserrat,Arial,sans-serif;
  --w-light:400;      /* V1 usava 300 em partes finas; V2 sobe um degrau */
  --w-regular:450;
  --w-medium:550;
  --w-semibold:650;
  --w-bold:750;
  --w-black:800;

  /* Escala (microtextos maiores que na V1) */
  --fs-micro:12px;    /* V1: 8–10px */
  --fs-small:13.5px;  /* V1: 11–12px */
  --fs-body:16px;     /* V1: 15px */
  --fs-lead:18px;

  /* Espaço / forma */
  --radius-s:4px;
  --radius-m:10px;
  --radius-l:18px;
  --wrap:min(1240px,calc(100% - 96px));
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --shadow-soft:0 10px 30px rgba(32,36,53,.08);
  --shadow-lift:0 18px 44px rgba(52,60,122,.16);
  --focus:3px solid var(--jg-blue);
}
@media(max-width:700px){:root{--wrap:calc(100% - 40px)}}
