/*
  ============================================================
  THEME.CSS — Paleta de colores y tipografías configurables
  ============================================================
  Este archivo es el UNICO lugar que hay que tocar para
  reutilizar esta misma landing page en otro proyecto/marca.
  Cambiando estas variables cambia toda la web (colores,
  degradados, tipografías) sin tocar styles.css ni el HTML.

  Sugerencia: duplicá este archivo (ej: theme-otramarca.css)
  y cambiá el <link> en index.html para tener varias paletas
  listas para usar.
  ============================================================
*/

:root {
  /* ---- Colores base ---- */
  --color-bg: #0b0512;          /* fondo principal (negro violáceo) */
  --color-bg-alt: #150a24;      /* fondo alterno para secciones */
  --color-surface: #1c0f30;     /* tarjetas / superficies elevadas */
  --color-border: rgba(197, 148, 255, 0.18);

  /* ---- Marca: violeta ---- */
  --color-primary: #8a3ffc;
  --color-primary-dark: #4b1a8f;
  --color-primary-light: #b083ff;

  /* ---- Marca: dorado ---- */
  --color-accent: #d4a54a;
  --color-accent-light: #f3d78e;
  --color-accent-dark: #a97f2e;

  /* ---- Texto ---- */
  --color-text: #f5f0ff;
  --color-text-muted: #b9a9d9;
  --color-text-soft: #8d7bb0;

  /* ---- Degradados reutilizables ---- */
  --gradient-primary: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary) 60%, var(--color-primary-light));
  --gradient-accent: linear-gradient(135deg, var(--color-accent-dark), var(--color-accent) 50%, var(--color-accent-light));
  --gradient-bg: radial-gradient(circle at 50% 0%, #2a1245 0%, var(--color-bg) 60%);

  /* ---- Tipografías ---- */
  --font-heading: 'Playfair Display', 'Georgia', serif;
  --font-script: 'Kaushan Script', cursive; /* misma familia que el "Ibiza" del logo */
  --font-body: 'Poppins', 'Segoe UI', sans-serif;

  /* ---- Otros ajustes globales ---- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --shadow-glow: 0 0 40px rgba(138, 63, 252, 0.35);
  --shadow-card: 0 20px 40px -20px rgba(0, 0, 0, 0.6);
}