/* ============================================================
   Obludzyner & Co. — Typography tokens
   ------------------------------------------------------------
   Editorial authority: a Caslon-flavoured serif for brand &
   display, a clean grotesque for headlines / UI / body, and a
   mono for eyebrows, labels and operator data.
   ============================================================ */

:root {
  /* — Families ———————————————————————————————————————————
     DECISIVE: exactly three. Serif = brand & display, ONE sans
     for everything else, mono for labels. */
  --font-serif: 'Newsreader', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-sans:  'Archivo', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-mono:  'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* The wordmark is ALWAYS the serif — never the sans. */
  --wordmark-family: var(--font-serif);

  /* — Weights ———————————————————————————————————————————— */
  --weight-regular:   400;
  --weight-medium:    500;
  --weight-semibold:  600;
  --weight-bold:      700;
  --weight-extrabold: 800;

  /* — Type scale (editorial; generous) ——————————————————— */
  --text-2xs:  0.6875rem;   /* 11px — mono micro-labels only   */
  --text-xs:   0.75rem;     /* 12px — eyebrows, captions        */
  --text-sm:   0.8125rem;   /* 13px — meta, dense UI            */
  --text-base: 0.9375rem;   /* 15px — body                      */
  --text-md:   1.0625rem;   /* 17px — lead body                 */
  --text-lg:   1.3125rem;   /* 21px — small headings            */
  --text-xl:   1.625rem;    /* 26px                              */
  --text-2xl:  2.125rem;    /* 34px                              */
  --text-3xl:  2.75rem;     /* 44px                              */
  --text-4xl:  3.5rem;      /* 56px                              */
  --text-5xl:  4.5rem;      /* 72px                              */
  --text-6xl:  6rem;        /* 96px — hero display              */

  /* — Line heights ——————————————————————————————————————— */
  --leading-none:    1;
  --leading-tight:   1.05;
  --leading-snug:    1.18;
  --leading-normal:  1.5;
  --leading-relaxed: 1.66;

  /* — Letter spacing ————————————————————————————————————— */
  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0em;
  --tracking-wide:    0.04em;
  --tracking-eyebrow: 0.2em;    /* mono uppercase eyebrows      */

  /* ——————————————————————————————————————————————————————
     SEMANTIC ROLES
     —————————————————————————————————————————————————————— */

  /* Display serif — hero numerals, brand statements, quotes */
  --display-family:   var(--font-serif);
  --display-weight:   var(--weight-medium);
  --display-leading:  var(--leading-tight);
  --display-tracking: var(--tracking-tight);

  /* Headline */
  --headline-family:   var(--font-sans);
  --headline-weight:   var(--weight-bold);
  --headline-leading:  var(--leading-snug);
  --headline-tracking: var(--tracking-tight);

  /* Body */
  --body-family:  var(--font-sans);
  --body-weight:  var(--weight-regular);
  --body-leading: var(--leading-relaxed);

  /* Eyebrow / label — mono, uppercase, wide tracking */
  --eyebrow-family:   var(--font-mono);
  --eyebrow-weight:   var(--weight-medium);
  --eyebrow-size:     var(--text-xs);
  --eyebrow-tracking: var(--tracking-eyebrow);
}