/* Parte de este archivo se ha desarrollado con asistencia de IA y ha sido
   revisado y comprendido por la alumna (ver memoria del proyecto). */
/* VARIABLES */
:root {
    /* Colores de marca Verenice Nails */
    --color-fondo: #fbf4f1;          /* Fondo crema rosado (porcelana) */
    --color-texto: #43222f;          /* Texto principal ciruela oscuro */
    --color-texto-suave: #7a5563;    /* Texto secundario */
    --color-texto-tenue: #7e646f;    /* Texto terciario (detalles) — cumple WCAG AA */
    --color-primario: #e6568a;       /* Rosa principal (botones, enlaces) */
    --color-primario-oscuro: #90254f;/* Magenta oscuro (hover, acentos) */
    --color-rosa-fuerte: #c42f68;    /* Rosa intenso (precios) — cumple WCAG AA sobre crema */
    --color-rosa-borde: #f6b6ce;     /* Borde rosa de tarjetas blush */
    --color-ciruela: #671736;        /* Ciruela muy oscuro (footer, CTA) */
    --color-secundario: #fce5ec;     /* Rosa claro (fondos suaves) */
    --color-suave: #f8ecef;          /* Rosa muy suave (hover) */
    --color-borde: #f0e2e6;          /* Bordes sutiles */
    --color-linea: #e7d3d9;          /* Borde de inputs y tarjetas */
    --color-linea-dorada: #e7d9bf;   /* Línea degradada dorada */
    --color-blanco: #ffffff;         /* Blanco para tarjetas */
    --color-dorado: #c7a978;         /* Dorado (detalles decorativos: lazos, líneas) */
    --color-dorado-texto: #8a6329;   /* Dorado profundo para TEXTO sobre fondos claros (cumple WCAG AA) */
    --color-dorado-claro: #f8f1e3;   /* Dorado muy claro (fondos) */
    --color-lila: #b9a3e3;           /* Lila (botón principal de cita) */
    --color-lila-oscuro: #6b4fa8;    /* Lila oscuro (hover del lila) */
    --color-lila-claro: #efe9fa;     /* Lila muy claro (fondos) */
    --color-sobre-ciruela: #fce9f0;  /* Texto claro sobre fondos ciruela */

    /* Colores de marca con transparencia (sombras y superposiciones) */
    --color-blanco-90: rgba(255, 255, 255, 0.9);
    --color-blanco-88: rgba(255, 255, 255, 0.88);
    --color-blanco-85: rgba(255, 255, 255, 0.85);
    --color-blanco-80: rgba(255, 255, 255, 0.8);
    --color-blanco-75: rgba(255, 255, 255, 0.75);
    --color-blanco-30: rgba(255, 255, 255, 0.3);
    --color-blanco-15: rgba(255, 255, 255, 0.15);
    --color-blanco-08: rgba(255, 255, 255, 0.08);
    --color-texto-88: rgba(67, 34, 47, 0.88);
    --color-texto-30: rgba(67, 34, 47, 0.3);
    --color-sobre-ciruela-72: rgba(252, 233, 240, 0.72);
    --color-sobre-ciruela-48: rgba(252, 233, 240, 0.48);
    --color-sobre-ciruela-45: rgba(252, 233, 240, 0.45);
    --color-fondo-92: rgba(251, 244, 241, 0.92);
    --color-fondo-40: rgba(251, 244, 241, 0.4);
    --color-primario-30: rgba(230, 86, 138, 0.3);
    --color-primario-18: rgba(230, 86, 138, 0.18);
    --color-rosa-fuerte-55: rgba(212, 58, 115, 0.55);
    --color-rosa-fuerte-40: rgba(212, 58, 115, 0.40);
    --color-magenta-28: rgba(144, 37, 79, 0.28);
    --color-sombra-negra: rgba(0, 0, 0, 0.18);

    /* Tipografías */
    --fuente-titulos: "the-seasons", Georgia, serif;
    --fuente-texto: "Quicksand", "Segoe UI", sans-serif;
    --fuente-mono: "DM Mono", monospace;

    /* Tamaños de fuente (rem = responsive) */
    --texto-pequeno: 0.875rem;  /* 14px */
    --texto-base: 1rem;         /* 16px */
    --texto-grande: 1.25rem;    /* 20px */
    --titulo-pequeno: 1.75rem;  /* 28px */
    --titulo-grande: 2.5rem;    /* 40px */

    /* Espaciados reutilizables */
    --espacio-xs: 0.5rem;
    --espacio-sm: 1rem;
    --espacio-md: 2rem;
    --espacio-lg: 4rem;
    --espacio-xl: 5.5rem;

    /* Otros */
    --radio: 0.75rem;                             /* Bordes redondeados */
    --radio-grande: 1.75rem;                      /* Bordes de tarjetas grandes */
    --sombra-sm: 0 1px 2px rgba(144, 37, 79, 0.04), 0 3px 12px rgba(144, 37, 79, 0.05);
    --sombra: 0 8px 30px rgba(144, 37, 79, 0.10); /* Sombra media */
    --sombra-lg: 0 24px 60px rgba(144, 37, 79, 0.16);
    --transicion: 0.25s ease;                     /* Transición estándar */
    --ancho-maximo: 77.5rem;                      /* 1240px de contenido */
}
/* VARIABLES */