/* ============================================================
   VARIABLES DE DISEÑO — Lidia Coyazos
   Paleta femenina: rosas palo, malva, dorado cálido, negro violáceo
   ============================================================ */

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

:root {
  /* — Colores de marca ————————————————————————————————— */
  --brand:          #d4789a;          /* rosa palo / dusty rose        */
  --brand-light:    #f2b3cc;          /* blush rosado claro            */
  --brand-dark:     #a05072;          /* rosa oscuro / vino rosado     */

  --mauve:          #b87ec0;          /* malva / lila                  */
  --mauve-light:    #d8b0e0;          /* lila claro                    */
  --mauve-dark:     #804090;          /* lila oscuro                   */

  --gold:           #c8a07a;          /* dorado cálido                 */
  --gold-light:     #e8cca8;          /* champagne                     */

  /* — Fondos ——————————————————————————————————————————— */
  --bg:             #07030a;          /* negro con subtono violáceo    */
  --bg-2:           #100818;          /* fondo secundario (secciones)  */
  --bg-card:        rgba(16, 6, 20, 0.82);
  --bg-card-hover:  rgba(24, 10, 32, 0.92);

  /* — Texto ———————————————————————————————————————————— */
  --fg:             #f5eaee;          /* blanco rosado / crema         */
  --fg-muted:       #a08898;          /* texto secundario apagado      */

  /* — Bordes ——————————————————————————————————————————— */
  --border:         rgba(212, 120, 154, 0.22);
  --border-hover:   rgba(212, 120, 154, 0.55);

  /* — Sombras ——————————————————————————————————————————— */
  --shadow:         0 8px 40px rgba(0, 0, 0, 0.6);
  --shadow-brand:   0 8px 30px rgba(212, 120, 154, 0.25);
  --shadow-mauve:   0 8px 30px rgba(184, 126, 192, 0.2);

  /* — Tipografía ——————————————————————————————————————— */
  --font-serif:     'Playfair Display', Georgia, serif;
  --font-sans:      'Montserrat', system-ui, sans-serif;

  /* — Formas ——————————————————————————————————————————— */
  --radius-card:    16px;
  --radius-pill:    999px;
  --radius-sm:      8px;

  /* — Transiciones ————————————————————————————————————— */
  --transition:     0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:0.6s cubic-bezier(0.4, 0, 0.2, 1);

  /* — Alturas de referencia ———————————————————————————— */
  --header-h:       76px;
}