/* ============================================================
   VARIABLES · DESIGN TOKENS, RESET Y SEGURIDAD
   ============================================================ */

:root {
    /* ---------- Paleta ---------- */
    --primary:       #BE3966;
    --primary-dark:  #79344E;
    --secondary:     #CC577E;
    --accent:        #A1657C;
    --mauve:         #B88B9C;
    --pink-medium:   #CE8DA5;
    --pink-light:    #E2B3C5;
    --pink-pale:     #FBDCE7;
    --cream:         #FFF8F3;
    --white:         #FFFFFF;
    --text:          #3D2B1F;
    --whatsapp:      #25D366;
    --whatsapp-dark: #1EA855;
    --instagram:     #E1306C;
    --instagram-2:   #F09433;

    /* ---------- Tipografía ---------- */
    --font-title: 'Playfair Display', serif;
    --font-body:  'Poppins', sans-serif;

    /* ---------- Geometría ---------- */
    --radius:      16px;
    --radius-full: 9999px;
    --shadow:      0 8px 24px rgba(121, 52, 78, 0.1);
    --shadow-lg:   0 20px 50px rgba(121, 52, 78, 0.2);

    /* ---------- Altura del navbar (la actualiza main.js) ---------- */
    --navbar-height: 68px;
}

/* ============================================================
   RESET
   ============================================================ */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html { scroll-behavior: smooth; }

body {
    font-family: var(--font-body);
    color: var(--text);
    background: var(--pink-pale);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    max-width: 100%;
    overflow-x: hidden;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
    color: inherit;
}

img, svg {
    display: block;
    max-width: 100%;
    height: auto;
}