/* ============================================
   AURA BEAUTY LAB — Sistema de diseño
   MetaVerso Studio
   ============================================ */

:root {
  /* --- Color --- */
  --hueso: #f7f2ef;
  --hueso-hondo: #efe6e0;
  --papel: #fffdfc;
  --berenjena: #4a2c42;
  --berenjena-hondo: #24161f;
  --champagne: #c8a98d;
  --champagne-claro: #e3cdb8;
  --tinta: #3a2a32;
  --tenue: #8a7a80;
  --linea: #e5dad3;
  --exito: #2f7d5b;
  --error: #b0463c;

  /* --- Tipografía --- */
  --display: "Bodoni Moda", "Didot", serif;
  --texto: "Jost", "Futura", sans-serif;

  --fs-h1: clamp(2.6rem, 7.5vw, 5.6rem);
  --fs-h2: clamp(2rem, 4.6vw, 3.4rem);
  --fs-h3: clamp(1.2rem, 2.2vw, 1.5rem);
  --fs-body: 1.05rem;
  --fs-small: 0.92rem;
  --fs-tag: 0.68rem;

  /* --- Espaciado --- */
  --space-xs: 0.5rem;
  --space-sm: 0.9rem;
  --space-md: 1.6rem;
  --space-lg: 2.8rem;
  --space-xl: 4.5rem;
  --space-2xl: 7rem;
  --space-3xl: 10rem;

  /* --- Bordes y sombras --- */
  --r-sm: 2px;
  --r-md: 8px;
  --r-lg: 4px;
  --r-full: 999px;
  --sombra: 0 24px 70px -30px rgba(36, 22, 31, 0.35);
  --sombra-alta: 0 30px 80px -24px rgba(36, 22, 31, 0.45);

  /* --- Layout --- */
  --ancho: 1180px;
  --estrecho: 760px;
  --canto: clamp(1.25rem, 5vw, 4rem);
  --curva: cubic-bezier(0.19, 1, 0.22, 1);
}