:root {
  /* Paleta de Colores (HSL) - Opción C */
  --bg-primary: hsl(35, 30%, 97%);
  --bg-secondary: hsl(35, 30%, 92%);
  --text-primary: hsl(30, 10%, 20%);
  --text-secondary: hsl(30, 10%, 40%);
  --accent: hsl(140, 20%, 50%); /* Verde salvia */
  --accent-hover: hsl(140, 20%, 40%);
  --secondary-accent: hsl(260, 15%, 70%); /* Lavanda suave */
  --white: hsl(0, 0%, 100%);
  --error: hsl(0, 70%, 50%);
  --success: hsl(120, 40%, 45%);

  /* Tipografía */
  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Inter', sans-serif;

  /* Espaciado y Transiciones */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --radius: 12px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --shadow: 0 4px 20px hsla(30, 10%, 20%, 0.08);
}

[data-theme="dark"] {
  --bg-primary: hsl(30, 10%, 12%);
  --bg-secondary: hsl(30, 10%, 18%);
  --text-primary: hsl(35, 30%, 95%);
  --text-secondary: hsl(35, 30%, 75%);
  --accent: hsl(140, 25%, 55%);
  --accent-hover: hsl(140, 25%, 65%);
  --shadow: 0 4px 20px hsla(0, 0%, 0%, 0.3);
}