/* ── Audacious Duo · Typography tokens ─────────────────────────────────────
   Elegant serif for display, geometric sans for everything functional.
   Display is set tight with generous size; body is set calm and readable.
   Small overlines use the wide letter-spacing of the wordmark.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  /* ---- Families ---- */
  --font-display: 'Cormorant Garamond', 'Hoefler Text', Georgia, serif;
  --font-body:    'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-sans:    var(--font-body);

  /* ---- 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 */

  /* ---- Display scale (serif) ---- */
  --type-display-1: 700 clamp(3.5rem, 7vw, 6rem)/1.02 var(--font-display);
  --type-display-2: 600 clamp(2.75rem, 5vw, 4.25rem)/1.06 var(--font-display);
  --type-h1: 600 clamp(2.25rem, 3.6vw, 3.25rem)/1.1 var(--font-display);
  --type-h2: 600 clamp(1.75rem, 2.6vw, 2.5rem)/1.15 var(--font-display);
  --type-h3: 600 1.5rem/1.25 var(--font-display);
  --type-h4: 600 1.25rem/1.3 var(--font-display);

  /* ---- Body scale (sans) ---- */
  --type-lead:       400 1.25rem/1.6 var(--font-body);
  --type-body:       400 1rem/1.65 var(--font-body);
  --type-body-sm:    400 0.875rem/1.6 var(--font-body);
  --type-caption:    400 0.75rem/1.5 var(--font-body);

  /* ---- Overline / eyebrow (wide-tracked, like the wordmark) ---- */
  --type-overline:   600 0.75rem/1 var(--font-body);
  --overline-tracking: 0.22em;

  /* ---- Letter-spacing ---- */
  --tracking-display: -0.01em;
  --tracking-tight:  -0.015em;
  --tracking-normal: 0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.12em;
  --tracking-widest:  0.22em;
}