/* ============================================
   TYPOGRAPHY — agencia-invitaciones
   Importa y define fuentes globales
   ============================================ */

/* Google Fonts — Fuentes usadas en plantillas */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Dancing+Script:wght@700&family=Great+Vibes&family=Mrs+Saint+Delafield&family=Pacifico&family=Pinyon+Script&family=Tangerine:wght@400;700&family=Yeseva+One&family=Alegreya:ital,wght@0,400;0,500;0,700;1,400&display=swap');

/* ============================================
   VARIABLES DE TIPOGRAFÍA
   Úsalas en los proyectos como var(--font-script)
   ============================================ */
:root {
  /* Scripts / Cursivas elegantes */
  --font-edwardian:  'Pinyon Script', 'Mrs Saint Delafield', 'Great Vibes', cursive;
  --font-script:     'Dancing Script', cursive;
  --font-tangerine:  'Tangerine', cursive;
  --font-pacifico:   'Pacifico', cursive; /* Baby shower, infantil */

  /* Serif decorativas */
  --font-cinzel:     'Cinzel Decorative', serif;
  --font-yeseva:     'Yeseva One', serif;
  --font-cormorant:  'Cormorant Garamond', serif;
  --font-alegreya:   'Alegreya', serif;

  /* Tamaños base */
  --text-xs:    9px;
  --text-sm:    11px;
  --text-base:  13px;
  --text-md:    16px;
  --text-lg:    22px;
  --text-xl:    32px;
  --text-2xl:   42px;
  --text-3xl:   56px;
  --text-4xl:   72px;
}

/* ============================================
   CLASES DE TIPOGRAFÍA REUTILIZABLES
   ============================================ */

/* Títulos decorativos */
.font-cinzel       { font-family: var(--font-cinzel); }
.font-yeseva       { font-family: var(--font-yeseva); }
.font-cormorant    { font-family: var(--font-cormorant); }

/* Cursivas */
.font-edwardian    { font-family: var(--font-edwardian); font-weight: 400; }
.font-script       { font-family: var(--font-script); font-weight: 700; }
.font-pacifico     { font-family: var(--font-pacifico); }

/* Tamaños */
.text-xs   { font-size: var(--text-xs); }
.text-sm   { font-size: var(--text-sm); }
.text-base { font-size: var(--text-base); }
.text-md   { font-size: var(--text-md); }
.text-lg   { font-size: var(--text-lg); }
.text-xl   { font-size: var(--text-xl); }
.text-2xl  { font-size: var(--text-2xl); }
.text-3xl  { font-size: var(--text-3xl); }
.text-4xl  { font-size: var(--text-4xl); }