/* Tokens da demo — C0 §3.2 (ID HBS, gramática The Path).
   Ajuste declarado: --t-rot sobe de 11 pra 12px, porque a barra da demo pede texto >= 12px. */

:root{
  --navy:#041425; --creme:#F4F1EA; --areia:#DAD1BE; --dourado:#A38D78; --marrom:#3B2F2A; --oliva:#302D1C;

  --bg:#F4F1EA;
  --surface:#FAF8F1;
  --surface-field:#FFFFFF;
  --surface-sunk:#ECE7DD;
  --block:#041425;

  --ink:#041425;
  --ink-2:rgba(4,20,37,.68);
  --ink-3:rgba(4,20,37,.60);
  --ink-off:rgba(4,20,37,.42);
  --on-block:#F4F1EA;
  --on-block-2:rgba(244,241,234,.72);
  --on-block-acc:#A38D78;
  --dourado-texto:#7E6857; --warn-texto:#725C22;

  --line:rgba(4,20,37,.10); --line-2:rgba(4,20,37,.20); --line-on-block:rgba(244,241,234,.16);

  --ok:#4C6A4E; --warn:#9A7B2E; --erro:#8A3B2E;

  --f-title:'Hangoe Cond',Georgia,serif;
  --f-ui:-apple-system,'SF Pro Text',system-ui,'Segoe UI',Roboto,sans-serif;
  --f-nota:'Times New Roman',Times,serif;
  --t-rot:12px; --t-meta:13px; --t-corpo:15px; --t-lead:17px; --t-h3:17px;
  --t-h2:30px; --t-h1:44px; --t-num:56px;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px;

  --r:8px; --r-lg:14px; --r-xl:20px; --r-pill:999px;
  --el-1:0 1px 2px rgba(4,20,37,.05),0 2px 8px rgba(4,20,37,.04);
  --el-2:0 2px 6px rgba(4,20,37,.06),0 14px 34px rgba(4,20,37,.10);
  --el-3:0 4px 10px rgba(4,20,37,.08),0 28px 60px rgba(4,20,37,.16);

  --ease:cubic-bezier(.22,.61,.36,1); --dur-1:160ms; --dur-2:240ms;

  --side-w:248px; --top-h:56px; --bnav-h:64px; --col:1000px;
}
@media (max-width:760px){:root{--t-h1:34px; --t-h2:24px; --t-num:44px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;animation:none!important}}
html.print *,html.print *::before,html.print *::after{transition:none!important;animation:none!important}