/* Variables CSS - Ebook Significado Espiritual */
:root {
  /* Tipografía */
  --font-heading: "Cormorant Garamond", Georgia, serif;
  --font-body: "Montserrat", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent: "Oswald", sans-serif;

  /* Colores Principales */
  --color-bg-dark: #000000;
  --color-bg-light: #f5f5f5;
  --color-card-light: #ffffff;
  --color-magenta: #a52268;
  --color-orange: #ff9800;

  /* Colores de Texto */
  --color-text-dark: #212121;
  --color-text-light: #f5f5f5;
  --color-text-muted: #616161;

  /* Gradientes y Overlays */
  --gradient-hero-overlay: linear-gradient(rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.84));
  --gradient-tarot-overlay: linear-gradient(rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.72));
  --gradient-progress: linear-gradient(90deg, #f43457, #960822);

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 2px 2px 15px 0 rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.4);
  --shadow-pulse: 0 0 20px rgba(255, 152, 0, 0.5);

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 15px;
  --radius-lg: 20px;
  --radius-full: 50%;
  --radius-pill: 9999px;
  --radius-btn: 30px;
}