/* ============================================================
   Barvarê — Typography tokens
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: 'Cinzel', 'Times New Roman', serif;         /* logotype, big titles (caps) */
  --font-serif:   'Cormorant Garamond', Georgia, serif;        /* editorial / quotes / accents */
  --font-sans:    'Archivo', 'Helvetica Neue', Arial, sans-serif; /* body, UI, labels */

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

  /* --- Type scale (fluid-ready px baseline) --- */
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  14px;
  --text-base:16px;
  --text-md:  18px;
  --text-lg:  21px;
  --text-xl:  26px;
  --text-2xl: 33px;
  --text-3xl: 42px;
  --text-4xl: 56px;
  --text-5xl: 74px;
  --text-6xl: 96px;

  /* --- Line heights --- */
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;

  /* --- Letter spacing --- */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;
  --tracking-wider: 0.14em;   /* eyebrows / labels */
  --tracking-widest: 0.28em;  /* logotype, small caps overlines */

  /* --- Semantic roles --- */
  --role-eyebrow-font: var(--font-sans);
  --role-eyebrow-size: var(--text-xs);
  --role-eyebrow-tracking: var(--tracking-wider);

  --role-display-font: var(--font-display);
  --role-body-font: var(--font-sans);
  --role-quote-font: var(--font-serif);
}