/* ===========================================================================
   Baltic Dental — Typography tokens
   Finlandica everywhere (incl. money via --font-num + tabular-nums).
   Ndot only for eyebrows / codes / tags — uppercase, wide tracking.
   =========================================================================== */

:root {
  /* --- Families --- */
  --font-sans:    "Finlandica", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Finlandica", system-ui, sans-serif;
  --font-num:     "Finlandica", system-ui, sans-serif;   /* set with tabular-nums */
  --font-mark:    "Ndot", "Finlandica", monospace;        /* eyebrows / tags / codes */
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- Size scale (fluid where useful) --- */
  --fs-display:  clamp(48px, 5vw, 88px);  /* @kind font */
  --fs-h1:       clamp(36px, 4vw, 56px);  /* @kind font */
  --fs-h2:       clamp(28px, 3vw, 40px);  /* @kind font */
  --fs-h3:       24px;  /* @kind font */
  --fs-h4:       20px;  /* @kind font */
  --fs-body-lg:  18px;  /* @kind font */
  --fs-body:     16px;  /* @kind font */
  --fs-body-sm:  14px;  /* @kind font */
  --fs-caption:  13px;  /* @kind font */
  --fs-micro:    11px;  /* @kind font */

  /* --- Line height --- */
  --lh-tight:   1.05;  /* @kind font */
  --lh-snug:    1.2;  /* @kind font */
  --lh-normal:  1.45;  /* @kind font */
  --lh-relaxed: 1.6;  /* @kind font */

  /* --- Tracking --- */
  --tracking-display: -0.02em;  /* @kind font */
  --tracking-tight:   -0.01em;  /* @kind font */
  --tracking-normal:  0em;  /* @kind font */
  --tracking-wide:    0.04em;  /* @kind font */
  --tracking-mark:    0.18em;   /* @kind font */

  /* --- Weight --- */
  --w-regular:  400;  /* @kind font */
  --w-medium:   500;  /* @kind font */
  --w-semibold: 600;  /* @kind font */
  --w-bold:     700;  /* @kind font */
}

/* --- Helper classes shipped with the system --- */
.eyebrow {
  font-family: var(--font-mark);
  font-size: var(--fs-caption);
  letter-spacing: var(--tracking-mark);
  text-transform: uppercase;
  color: var(--text-muted);
  font-weight: var(--w-regular);
}
.mark {
  font-family: var(--font-mark);
  letter-spacing: var(--tracking-mark);
  text-transform: uppercase;
}
.ds-num, .num, .price, .sum, .amount, .money {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}