/**
 * Variables CSS globales - Sistema de Diseño "Esencia"
 */

:root {
  /* Paleta de Colores */
  --color-bg: #FBF1E9;          /* Fondo general, ivory rosado */
  --color-surface: #FFFFFF;     /* Tarjetas, contenedores */
  --color-text: #3A2620;        /* Texto principal, café espresso */
  --color-text-soft: #8A6F63;   /* Texto secundario */
  --color-accent: #C1477A;      /* Acento primario, frambuesa */
  --color-accent-hover: #A53664;/* Hover para acento primario */
  --color-accent-soft: #F4D9E0; /* Fondos suaves, hover, decoración */
  --color-secondary: #C98A2C;   /* Caramelo - enlaces secundarios, detalles */
  --color-secondary-hover: #AA7321;
  --color-success: #6B8F71;
  --color-danger: #B23A3A;
  --color-border: #E8D9D2;

  /* Bordes y Esquinas */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;

  /* Tipografías */
  --font-display: 'Fraunces', serif;
  --font-body: 'Nunito', sans-serif;
}