/* ─── OCCULT · ÉVEIL & ALCHIMIE ─────────────────────────────────────
   Typographic system — import this file into Claude Design
   ─────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Italiana&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter:wght@400;500;600&display=swap');

/* ─── Font roles ─────────────────────────────────────────────────── */

/* DISPLAY / HEADINGS — Cormorant Garamond
   Used for: H1, H2, H3, pull quotes, section titles
   Weight: 300 (light elegance) or 400 (editorial weight)
   Style: italic for accent words and gold highlights
*/
.font-display {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.04em;
  line-height: 1.15;
}

/* BODY — Cormorant Garamond
   Used for: paragraphs, testimonials, long-form copy
   Weight: 400
*/
.font-body {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.75;
}

/* UI / LABELS — Inter
   Used for: nav, buttons, eyebrows, small-caps labels, meta text
   Weight: 400–600
   Always: uppercase + letter-spacing 0.12–0.18em
*/
.font-ui {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

/* ─── Display variants (voice modes) ────────────────────────────── */

/* Italiana — more calligraphic, mystical tone */
.font-display-italiana {
  font-family: "Italiana", "Cormorant Garamond", serif;
  font-weight: 400;
}

/* Fraunces — more organic, literary tone */
.font-display-fraunces {
  font-family: "Fraunces", "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: italic;
}

/* ─── Size scale ─────────────────────────────────────────────────── */
/*
  Hero H1 :  clamp(3.2rem, 9vw, 7rem)
  Section H2:  clamp(2rem, 5vw, 3.4rem)
  Sub-heading: clamp(1.4rem, 3vw, 2rem)
  Body:        1rem–1.1rem
  Label/UI:    0.7rem–0.78rem
*/