/* 02_DESIGN_TOKENS.css — Joildo Santos / Território V5 */
@font-face{font-family:'Bricolage Grotesque';src:url('fonts/BricolageGrotesque-Variable.ttf') format('truetype');font-weight:100 900;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('fonts/InstrumentSans-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{
  --ink-950:#061C18; --ink-900:#0C302A; --ink-800:#14453B; --ink-700:#1B5C4D;
  --paper-50:#F4F3EF; --paper-100:#E9E9E4; --paper-200:#D6D3CA; --paper-300:#B9B5AA;
  --black:#0A1512;
  --cobalt-500:#2A47DE; --cobalt-600:#1F3FD6; --cobalt-700:#16309F; --cobalt-on-dark:#7C93FF;
  --ochre-400:#EFB33C; --ochre-500:#E0A32B;
  --ember-500:#BE3417; --ember-600:#A82B10;

  --surface:#E9E9E4; --surface-strong:#F4F3EF; --surface-soft:#D6D3CA;
  --surface-dark:#061C18; --surface-dark-soft:#0C302A;
  --text:#0A1512; --text-muted:rgba(10,21,18,.66); --text-faint:rgba(10,21,18,.50);
  --text-inverse:#F4F3EF; --text-inverse-muted:rgba(244,243,239,.70);
  --data:#1F3FD6; --data-dark:#7C93FF; --action:#BE3417; --action-hover:#A82B10; --mark:#E0A32B;
  --rule:rgba(10,21,18,.14); --rule-strong:rgba(10,21,18,.34);
  --rule-dark:rgba(244,243,239,.16); --rule-dark-strong:rgba(244,243,239,.36);

  --display:'Bricolage Grotesque','Arial Narrow',system-ui,sans-serif;
  --body:'Instrument Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;

  --fs-body:clamp(16px,.35vw + 15px,19px);
  --fs-lead:clamp(19px,.8vw + 16px,27px);
  --fs-h4:clamp(23px,1.2vw + 18px,34px);
  --fs-h3:clamp(30px,2vw + 20px,48px);
  --fs-h2:clamp(40px,4vw + 20px,72px);
  --fs-h1:clamp(52px,7vw + 16px,108px);
  --fs-number:clamp(64px,11vw,190px);

  --lh-body:1.55; --lh-lead:1.38; --lh-heading:1.02; --lh-display-tight:.90;
  --tracking-display:-.032em; --tracking-number:-.055em;

  --marker-top:18%; --marker-bottom:90%; --marker-pad:.08em;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:144px;
  --max:1240px; --gutter:clamp(20px,4vw,64px);
  --radius:0px; --radius-soft:4px; --pill:999px;
  --shadow:0 18px 48px -24px rgba(6,28,24,.34);
  --ease:cubic-bezier(.2,.8,.2,1); --fast:160ms; --mid:280ms; --slow:620ms;
}

.brand-marker{font-style:normal;color:var(--black);padding-inline:var(--marker-pad);padding-block:0;margin-inline:.015em;background:linear-gradient(180deg,transparent 0%,transparent 18%,var(--mark) 18%,var(--mark) 90%,transparent 90%,transparent 100%);-webkit-box-decoration-break:clone;box-decoration-break:clone}