/* Petak type tokens + base rules. Source: brand PDF pp13–14. */
:root{
--font-display:'Pixelify Sans',monospace; /* H1/H2, nav labels, empty states ONLY. NEVER buttons or any control (withdrawn v1.4, C04). Never <24px. Never on amounts, dates, inputs, errors. */
--font-text:'Plus Jakarta Sans',system-ui,sans-serif; /* everything else; weights 400/500 only */
--text-h1:400 40px/44px var(--font-display);--tracking-h1:-0.5px;
--text-h2:400 30px/36px var(--font-display);
--text-h3:500 22px/30px var(--font-text);
--text-h4:500 17px/26px var(--font-text);
--text-body:400 16px/26px var(--font-text);
--text-small:400 13px/20px var(--font-text); /* pair with --text-secondary */
--text-label:500 11px/16px var(--font-text);--tracking-label:0.08em; /* uppercase — the only ALL-CAPS allowed */
}
body{margin:0;font:var(--text-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1{font:var(--text-h1);letter-spacing:var(--tracking-h1);margin:0}
h2{font:var(--text-h2);margin:0}
h3{font:var(--text-h3);margin:0}
h4{font:var(--text-h4);margin:0}
p{margin:0 0 16px;max-width:66ch}
small,.text-small{font:var(--text-small);color:var(--text-secondary)}
.text-label{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary)}
/* Amounts, dates, counts: ALWAYS Plus Jakarta Sans, ALWAYS tabular */
.amount,.num{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}
a{color:var(--interactive);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--interactive-pressed)}