/* ==========================================================================
   MAGIA ROSA — DESIGN SYSTEM TOKENS
   Boutique de Calzado & Bolsos de Cuero para Dama · Cali, Colombia
   ========================================================================== */

:root {
  /* --- PALETA DE COLOR OFICIAL --- */
  --color-fucsia: #D6006E;         /* Primario: CTAs, acentos, precios, barra promo */
  --color-fucsia-hover: #b8005e;
  --color-ciruela: #4A1942;        /* Texto principal y titulares display (reemplaza al negro) */
  --color-ciruela-light: #6a2a5f;
  --color-mantequilla: #F9E79F;    /* Fondo firma de la marca */
  --color-rosa-polvo: #F7E1EA;     /* Fondos suaves y respiros */
  --color-crema: #FFF8EF;          /* Fondo de fotografía de producto y secciones */
  --color-blanco: #FFFFFF;         /* Tarjetas limpias */
  --color-gris-borde: #EFE6DC;     /* Bordes sutiles y separadores */
  --color-gris-texto: #6B5B68;     /* Texto secundario y metadatos */

  /* --- TIPOGRAFÍA --- */
  --font-display: 'Prata', serif;           /* Titulares, Display, Logotipo (NUNCA italizar) */
  --font-body: 'DM Sans', sans-serif;      /* Textos, precios, botones, fichas */

  /* --- ESPACIADO Y AIRE --- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* --- BORDES Y SOMBRAS --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  --shadow-subtle: 0 4px 20px rgba(74, 25, 66, 0.04);
  --shadow-card: 0 10px 30px rgba(74, 25, 66, 0.07);
  --shadow-elevated: 0 20px 40px rgba(74, 25, 66, 0.12);

  /* --- TRANSICIONES --- */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}