/* ===========================================================================
   NOYAU CRÉATIF — TYPOGRAPHY TOKENS
   Cormorant Garamond (high-contrast editorial serif) for display & headings;
   Hanken Grotesk (clean humanist sans) for UI & body; JetBrains Mono for
   labels, metadata and code. Eyebrows are tracked uppercase sans.
   =========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* --- Families ------------------------------------------------------- */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* --- Fluid display scale (Cormorant) -------------------------------- */
  --text-display-xl: 600 clamp(3.5rem, 6.5vw, 6rem)/0.98 var(--font-display);
  --text-display-lg: 600 clamp(2.75rem, 4.5vw, 4.25rem)/1.02 var(--font-display);
  --text-display-md: 600 clamp(2.25rem, 3.2vw, 3.25rem)/1.05 var(--font-display);
  --text-display-sm: 500 clamp(1.75rem, 2.4vw, 2.5rem)/1.1 var(--font-display);

  /* --- Heading scale (sans) ------------------------------------------- */
  --text-h1: var(--fw-semibold) 2rem/1.18 var(--font-sans);
  --text-h2: var(--fw-semibold) 1.5rem/1.22 var(--font-sans);
  --text-h3: var(--fw-semibold) 1.25rem/1.3 var(--font-sans);
  --text-h4: var(--fw-semibold) 1.0625rem/1.35 var(--font-sans);

  /* --- Body scale (sans) ---------------------------------------------- */
  --text-lead: var(--fw-regular) 1.25rem/1.6 var(--font-sans);
  --text-body: var(--fw-regular) 1rem/1.6 var(--font-sans);
  --text-body-sm: var(--fw-regular) 0.875rem/1.55 var(--font-sans);
  --text-caption: var(--fw-regular) 0.78rem/1.45 var(--font-sans);

  /* --- Eyebrow / mono label ------------------------------------------- */
  --text-eyebrow: var(--fw-semibold) 0.75rem/1 var(--font-sans);
  --text-mono: var(--fw-regular) 0.8125rem/1.5 var(--font-mono);

  /* --- Letter-spacing tokens --- @kind other -------------------------- */
  --track-tight: -0.02em; /* @kind other */
  --track-snug: -0.01em; /* @kind other */
  --track-normal: 0; /* @kind other */
  --track-wide: 0.04em; /* @kind other */
  --track-eyebrow: 0.22em;   /* uppercase eyebrow tracking @kind other */
  --track-mono: 0.02em; /* @kind other */
}