/* Gullak typography tokens.
   Three voices: Space Grotesk for money & brand, Onest for all UI text,
   Martian Mono for tokens, codes and account digits.
   --serif is kept as a legacy alias of --display; prefer --display. */
:root {
  --display: "Space Grotesk", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; /* @kind font */
  --sans: Onest, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* @kind font */
  --mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; /* @kind font */
  --serif: var(--display); /* @kind font */ /* legacy alias — use --display */

  /* Display treatment — every money and brand-title setting uses both. */
  --display-weight: 400; /* @kind other */
  --display-track: -0.04em; /* @kind other */   /* −40/1000em */

  /* Display — money, hero numbers, brand moments. Space Grotesk 400,
     always tabular-nums with --display-track (−0.04em). */
  --fs-money-hero: 64px;   /* line-height 64px */
  --fs-money-xl: 48px;
  --fs-h2: 44px;           /* line-height 46.2px */
  --fs-money-lg: 40px;
  --fs-money-md: 32px;
  --fs-brand-lg: 30px;     /* wordmark / pull-quote */
  --fs-money-sm: 28px;
  --fs-h4: 24px;           /* line-height 36px */
  --fs-money-xs: 22px;     /* also 22px wordmark */
  --fs-money-row: 18px;    /* the transaction-row amount */

  /* Onest — interface text */
  --fs-ui-lg: 16px;        /* 600 — section titles inside cards */
  --fs-ui-md: 14.5px;      /* 500 — merchant names, jar titles */
  --fs-ui: 14px;           /* 500 — button labels, monograms */
  --fs-ui-sm: 13.5px;      /* 400/500 — body copy, list notes */
  --fs-ui-xs: 13px;        /* 400/500 — labels, captions */
  --fs-ui-2xs: 12px;       /* 400 — metadata, chips */
  --fs-ui-3xs: 11px;       /* 400 — micro labels */
  --fs-nav: 9.5px;         /* 400, +0.19px — bottom-nav labels */
  --fs-eyebrow: 10px;      /* 600, +1.6px uppercase — sidebar group headings */
  --fs-subhead: 11px;      /* 600, +1.54px uppercase — subsection headings */

  /* Mono — tokens, masked digits, technical labels */
  --fs-mono-lg: 18px;
  --fs-mono: 11px;         /* line-height 16.5px */
  --fs-mono-sm: 10.5px;    /* line-height 15.75px, +0.42px on version strings */
  --fs-mono-xs: 10px;      /* 500 — token pills */
  --fs-kicker: 11px;       /* 400, +1.76px uppercase — section kickers */

  /* Line heights used verbatim in the source */
  --lh-tight: 100%; /* @kind other */        /* button labels */
  --lh-h2: 46.2px; /* @kind other */
  --lh-body: 1.5; /* @kind other */
  --lh-prose: 23.2px; /* @kind other */      /* 14.5px principle body */
}