/* ==========================================================================
   Accobat Design System — Typography tokens
   Headlines & statements → Aller / Aller Display
   Body, slides, running text → Calibri (brand spec). Calibri can't be
   redistributed, so we ship Carlito (metric-compatible, open) as the web
   substitute and keep Calibri first in the stack for licensed environments.
   ========================================================================== */

/* Carlito = metric-compatible Calibri substitute for the web */
@import url("https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;0,700;1,400;1,700&display=swap");

:root {
  /* ---- Families --------------------------------------------------------- */
  --font-display: "Aller Display", "Aller", "Trebuchet MS", sans-serif;        /* big statements / posters */
  --font-heading: "Aller", "Segoe UI", "Trebuchet MS", sans-serif;            /* overskrifter / headlines */
  --font-body:    "Calibri", "Carlito", "Segoe UI", system-ui, sans-serif;    /* brødtekst / slides */
  --font-logo:    "Saved by Zero", "Aller", sans-serif;                       /* logo wordmark only */
  --font-mono:    Consolas, "Menlo", monospace;                               /* data / code (no brand mono spec — system stack) */

  /* ---- Weights ---------------------------------------------------------- */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* ---- Type scale (1.250 major-third, 16px base) ------------------------ */
  --text-2xs:   0.694rem;   /* 11px — fine print, legal */
  --text-xs:    0.8rem;     /* 13px — captions, labels  */
  --text-sm:    0.875rem;   /* 14px — secondary / UI    */
  --text-base:  1rem;       /* 16px — body              */
  --text-md:    1.125rem;   /* 18px — lead body         */
  --text-lg:    1.375rem;   /* 22px — H5 / card title   */
  --text-xl:    1.75rem;    /* 28px — H4                */
  --text-2xl:   2.25rem;    /* 36px — H3                */
  --text-3xl:   2.938rem;   /* 47px — H2                */
  --text-4xl:   3.75rem;    /* 60px — H1                */
  --text-5xl:   4.75rem;    /* 76px — hero / poster     */

  /* ---- Line heights ----------------------------------------------------- */
  --leading-tight:   1.08;   /* display headlines */
  --leading-snug:    1.25;   /* headings          */
  --leading-normal:  1.55;   /* body              */
  --leading-relaxed: 1.7;    /* long-form prose   */

  /* ---- Letter spacing --------------------------------------------------- */
  --tracking-tight:  -0.015em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.12em;   /* uppercase eyebrows / labels */
}