/* =====================================================================
   JCE 2.0 — TOKENS
   Base: Grotesk Zero design system (ds.asimov.academy), importado 1:1.
   Os 7 tokens originais ficam com os mesmos nomes; os demais valores
   que o DS usava "soltos" no CSS viraram tokens nomeados abaixo.
   ===================================================================== */
:root{
  /* ---------- tokens originais do DS ---------- */
  --bone:#f4f1ea;              /* papel: fundo das páginas */
  --ink:#161513;               /* tinta: texto e palcos escuros */
  --verm:#d43d17;              /* vermelhão: o único acento */
  --hair-ink:rgba(22,21,19,.16);    /* fio sobre papel */
  --hair-bone:rgba(244,241,234,.18);/* fio sobre tinta */
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --arch:'Archivo','Helvetica Neue',Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);

  /* ---------- superfícies ---------- */
  --ink-deep:#0c0b0a;          /* rodapé revelado */
  --frame-ground:#dedacf;      /* fundo da moldura antes da foto */

  /* ---------- texto sobre papel ---------- */
  --t-primary:var(--ink);
  --t-lead:rgba(22,21,19,.82);
  --t-demo:rgba(22,21,19,.84);
  --t-spec:rgba(22,21,19,.62);
  --t-label:rgba(22,21,19,.6);
  --t-muted:rgba(22,21,19,.5);
  --t-index:rgba(22,21,19,.45);
  --t-placeholder:rgba(22,21,19,.25);

  /* ---------- texto sobre tinta ---------- */
  --t-on-ink:var(--bone);
  --t-cue:rgba(244,241,234,.85);
  --t-foot:rgba(244,241,234,.75);
  --t-caption:rgba(244,241,234,.6);
  --t-mono-ink:rgba(244,241,234,.55);
  --t-eyebrow-ink:rgba(244,241,234,.5);
  --t-rule-ink:rgba(244,241,234,.4);

  /* ---------- bordas / traços ---------- */
  --b-cta-ink:rgba(244,241,234,.4);
  --stroke-outline:rgba(22,21,19,.6);   /* fita vazada */
  --stroke-ghost:rgba(244,241,234,.09); /* numeral/monograma fantasma */
  --ghost-num:rgba(244,241,234,.05);    /* estilhaços do manifesto */

  /* ---------- sobreposições ---------- */
  --scrim-photo:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.58) 36%,rgba(0,0,0,.58) 66%,rgba(0,0,0,.32));
  --shade-frame:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.38));

  /* ---------- layout ---------- */
  --gutter:3.2vw;              /* margem lateral de tudo */
  --nav-top:96px;              /* altura onde começam kicker / cruz */

  /* ---------- escala tipográfica (papéis do DS) ---------- */
  --fs-display-1:clamp(44px,9.4vw,146px);   /* título do hero */
  --fs-display-2:clamp(120px,24vw,360px);   /* eixo de peso */
  --fs-knock:clamp(48px,10vw,150px);        /* vazado com foto */
  --fs-foot-mark:clamp(48px,10.4vw,156px);  /* marca do rodapé */
  --fs-ribbon:clamp(28px,4.4vw,58px);
  --fs-h1:clamp(22px,min(4.2vw,6.8vh),58px);/* manifesto */
  --fs-h2:clamp(26px,3.4vw,44px);           /* título de seção */
  --fs-h3:clamp(24px,3.4vw,46px);           /* título de linha/case */
  --fs-title:clamp(18px,2.2vw,28px);        /* título de competência */
  --fs-demo:clamp(22px,3vw,40px);
  --fs-price:clamp(20px,2.6vw,34px);
  --fs-ledger:clamp(18px,2vw,26px);
  --fs-glyph:clamp(18px,2.4vw,34px);
  --fs-lead:15px;
  --fs-wordmark:15px;
  --fs-mono:11px;
  --fs-small:10px;
}