/* Variables de diseño: única fuente de colores, tipografías y espaciados (docs/04 §1)
   Estilo: noche estrellada, panel negro y acentos dorados. */
:root {
  /* Colores */
  --color-space: #04050d;        /* fondo exterior estrellado */
  --color-panel: #0c0b10;        /* panel central negro */
  --color-panel-soft: #16141c;
  --color-gold: #e2b85c;         /* dorado principal (titulares sobre negro) */
  --color-gold-light: #f6d98a;
  --color-gold-deep: #b8862b;
  --color-text: #ebe4d2;         /* texto sobre negro */
  --color-text-soft: #b9b1a0;
  --color-ink: #1d1609;          /* texto sobre dorado */
  --color-white: #ffffff;
  --color-line: rgba(226, 184, 92, 0.28);
  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #128c4b;

  /* Degradados */
  --gradient-gold: linear-gradient(135deg, #f8e08f 0%, #e7bd5a 45%, #c8922f 100%);
  --gradient-gold-soft: linear-gradient(180deg, #f6dc84 0%, #e6b955 100%);

  /* Tipografía. Playfair Display se alojará localmente (docs/01 §5); mientras tanto, serif del sistema */
  --font-display: "Playfair Display", "Didot", "Bodoni MT", "Iowan Old Style", Georgia, serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-base: 1.125rem;         /* 18 px */
  --leading: 1.65;

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  /* Formas */
  --radius: 10px;
  --radius-pill: 999px;
  --shadow-glow: 0 0 40px rgba(226, 184, 92, 0.15);
  --panel-width: 64rem;
}