/* Le Club Évolution — Typography
   Cinzel for monumental all-caps display (echoes the logo wordmark),
   Cormorant Garamond for editorial serif subheads & quotes,
   Jost for UI, labels, and running body copy. */
:root {
  /* Families */
  --font-display: 'Cinzel', 'Times New Roman', serif;
  --font-serif:   'Cormorant Garamond', Georgia, serif;
  --font-sans:    'Jost', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  /* 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 (rem, 16px base) */
  --fs-display-xl: 4.5rem;   /* hero wordmark */
  --fs-display-lg: 3.25rem;
  --fs-display-md: 2.5rem;
  --fs-h1: 2rem;
  --fs-h2: 1.5rem;
  --fs-h3: 1.25rem;
  --fs-lead: 1.375rem;       /* serif lead paragraph */
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;
  --fs-eyebrow: 0.72rem;     /* letterspaced label */

  /* Line heights */
  --lh-tight: 1.08; /* @kind font */
  --lh-snug: 1.3; /* @kind font */
  --lh-body: 1.65; /* @kind font */
  --lh-loose: 1.9; /* @kind font */

  /* Letter spacing — luxury brands lean on wide tracking for caps */
  --ls-display: 0.08em;
  --ls-eyebrow: 0.32em;
  --ls-caps: 0.18em;
  --ls-body: 0.01em;

  /* Semantic roles */
  --text-role-display: var(--fw-regular) var(--fs-display-lg)/var(--lh-tight) var(--font-display);
  --text-role-h1: var(--fw-semibold) var(--fs-h1)/var(--lh-snug) var(--font-display);
  --text-role-lead: var(--fw-regular) var(--fs-lead)/var(--lh-body) var(--font-serif);
  --text-role-body: var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans);
  --text-role-eyebrow: var(--fw-medium) var(--fs-eyebrow)/1 var(--font-sans);
}