/* NOTE: Fonts (Playfair Display, Lato, Cormorant Garamond) are loaded via
   <link rel="preconnect"> + <link> in base.html.twig / index.html.twig head_preload to avoid
   the @import render-blocking chain. Do not re-add this @import. */

:root {
  /* Paleta de Colores - Primarios (Mapeados a los existentes) */
  --primary-violet: #2B0D14; /* deep-violet de design-reference */
  --primary-dark: #4A1A25;   /* violet-hover de design-reference */
  --primary-light: #B04561;  /* darker pink for WCAG AA contrast (5.1:1 on white) */

  /* Colores Neutros y Fondos */
  --white: #FFFFFF;
  --neutral-light: #FAF0EE;  /* lavender-soft de design-reference */
  --neutral-dark: #2B0D14;   /* text-dark de design-reference */
  --pinkish-cream: #FDF5F2;  /* pinkish-cream de design-reference */
  --warm-cream: #FFFAF8;     /* warm-cream de design-reference */
  
  /* Colores de Texto */
  --text-dark: #2B0D14;
  --text-charcoal: #4A2830;
  --text-muted: #6D4C53;

  /* Detalles y Acentos */
  --gold: #C8A84B;
  --gold-light: #F5C842;

  /* Tipografías */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Lato', Helvetica, sans-serif;

  /* Layout */
  --max-width: 1280px;

  /* Bordes y Radios */
  --border-radius: 24px;      /* radius-card de design-reference */
  --border-radius-sm: 10px;   /* radius-soft de design-reference */
  --pill: 50px;

  /* Transiciones y Efectos */
  --transition: all 0.3s ease; /* ease de design-reference */

  /* Sombras */
  --shadow-sm: 0 2px 12px rgba(43, 13, 20, 0.07);
  --shadow-md: 0 6px 30px rgba(43, 13, 20, 0.12);
  --shadow-lg: 0 12px 50px rgba(43, 13, 20, 0.18);
}