/* PagoFix design tokens v1 (31.10.2026) */
@font-face{font-family:"Manrope";src:url("fonts/Manrope-latin.woff2") format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-latin.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/GeistMono-latin.woff2") format("woff2");font-weight:400 500;font-display:swap}

:root{
  /* Colour */
  --pf-ink:#0B1F2A;          /* primary text, dark surfaces */
  --pf-ink-2:#14303F;        /* raised dark surface */
  --pf-teal:#0E7C66;         /* brand primary, buttons, links */
  --pf-teal-hover:#0A6553;
  --pf-teal-bright:#13A07F;  /* brand primary on dark backgrounds */
  --pf-teal-tint:#DDEFE8;    /* soft fills, selected states */
  --pf-amber:#E8A33D;        /* the "full stop": accent, highlights, due dates; never body text on light */
  --pf-amber-tint:#FBEBD0;
  --pf-paper:#F6F4EF;        /* page background */
  --pf-white:#FFFFFF;        /* cards, documents */
  --pf-slate:#4A5866;        /* secondary text */
  --pf-mist:#8A96A1;         /* tertiary text, placeholders (not for body) */
  --pf-line:#E2DED5;         /* borders, dividers */
  --pf-success:#1F8A4C;
  --pf-warning:#B86E00;
  --pf-danger:#B42318;       /* errors only, never for debtor-facing tone */

  /* Typography */
  --pf-font-display:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pf-font-body:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pf-font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --pf-text-xs:.8125rem; --pf-text-sm:.9375rem; --pf-text-md:1.0625rem;
  --pf-text-lg:1.25rem;  --pf-text-xl:1.75rem;  --pf-text-2xl:2.5rem; --pf-text-3xl:clamp(2.5rem,6vw,4.25rem);
  --pf-leading-tight:1.08; --pf-leading-body:1.6;

  /* Shape and space (4px grid) */
  --pf-radius-sm:8px; --pf-radius-md:12px; --pf-radius-lg:20px; --pf-radius-pill:999px;
  --pf-space-1:4px; --pf-space-2:8px; --pf-space-3:12px; --pf-space-4:16px;
  --pf-space-6:24px; --pf-space-8:32px; --pf-space-12:48px; --pf-space-16:64px;
  --pf-shadow-1:0 1px 2px rgba(11,31,42,.06),0 2px 8px rgba(11,31,42,.05);
  --pf-shadow-2:0 10px 30px rgba(11,31,42,.10);
  --pf-focus:0 0 0 3px rgba(14,124,102,.35);
  --pf-button-height:44px;
}