/*
 * ================================================================
 *  WEDDING WEBSITE — TYPOGRAPHY THEME
 *  Edit ONLY this file to change fonts and sizes across the whole site.
 * ================================================================
 *
 *  HOW TO CHANGE A FONT:
 *  1. Go to https://fonts.google.com and pick a new font.
 *  2. Update the @import URL below — replace the family name in
 *     the URL (e.g. swap "Cinzel" for "Playfair+Display").
 *  3. Update the matching --font-* variable in :root to match.
 *
 *  HOW TO CHANGE A SIZE:
 *  Just update the px/rem value in the --size-* variable.
 *  clamp(min, preferred, max) means it scales with the screen.
 * ================================================================
 */

/* --- Google Fonts import --- */
/* To swap a font family, change the family= parameter in this URL */
/* AND update the matching --font-* variable in :root below.        */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Pinyon Script:wght@400;600;700&family=Montserrat:wght@300;400;500;600&display=swap');

:root {

  /* ============================================================ */
  /*  FONT FAMILIES                                               */
  /* ============================================================ */

  /* Used for: hero names, venue name, nav monogram, headings     */
  --font-display:  'Pinyon Script', serif;

  /* Used for: date, descriptions, form inputs, italic accents    */
  --font-elegant:  'Cormorant Garamond', serif;

  /* Used for: navigation, labels, buttons, small caps text       */
  --font-body:     'Montserrat', sans-serif;


  /* ============================================================ */
  /*  FONT SIZES                                                  */
  /* ============================================================ */

  /* Hero names  (Allison Yaffee / Danny Duchamp)                 */
  --size-hero-names:    clamp(3.5rem, 6vw, 7.5rem);

  /* Section titles  (The Celebration, Wedding Schedule, etc.)   */
  --size-section-title: clamp(2.4rem, 5vw, 3.4rem);

  /* Venue name  (Ceresville Mansion)                            */
  --size-venue-name:    clamp(2.8rem, 6vw, 4.5rem);

  /* Navigation monogram  (top-left corner)                      */
  --size-monogram:      2.2rem;

}