/* ============================================================
   LUNÁTICO — main.css
   ⚠️  REGLA CSS: todos los @import deben ir ANTES de cualquier
   otra regla.
   ============================================================ */

/* ── 1. GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400&family=Raleway:ital,wght@0,200;0,300;0,400;0,500;1,200;1,300;1,400&display=swap');

/* ── 2. BASE ── */
@import 'base/reset.css';
@import 'base/utilities.css';

/* ── 3. LAYOUT ── */
@import 'layout/nav.css';
@import 'layout/hero.css';
@import 'layout/footer.css';

/* ── 4. SECCIONES DEL EMBUDO ── */
@import 'sections/transformacion.css';
@import 'sections/artista.css';
@import 'sections/personaliza.css';
@import 'sections/testimonios.css';
@import 'sections/precios.css';
@import 'sections/objeciones.css';
@import 'sections/faq.css';
@import 'sections/cierre.css';
@import 'sections/carrito.css';

/* ── 5. PÁGINAS INTERNAS ── */
@import 'pages/galeria.css';
@import 'pages/blog.css';
@import 'pages/internas.css';
@import 'pages/artista.css';
@import 'pages/catalogo.css';

/* ── 6. RESPONSIVE (siempre al final) ── */
@import 'base/responsive.css';

/* ── 7. TIPOGRAFÍA GLOBAL (siempre al final) ── */
@import 'base/tipografia-global.css';

/* ============================================================
   ⚡ IDENTIDAD — Variables de color y tipografía
   Cambia aquí, cambia todo el sitio.
   ============================================================ */
:root {

  /* FONDOS — noche más profunda y densa */
  --void:    #02040D;   /* casi negro puro con vena azul */
  --night:   #04070F;   /* fondo principal — más oscuro */
  --night2:  #080C1A;   /* paneles secundarios */
  --night3:  #0C1120;   /* superficies elevadas */
  --nebula:  #111828;   /* hover, estados activos */
  --crater:  #1A2238;   /* bordes, separadores */

  /* TEXTOS — escala lunar (sin cambios) */
  --moon:    #F0E8D5;
  --moon2:   #FAF6EE;
  --silver:  #9299B8;
  --silver2: #626885;
  --eclipse: #3A4060;

  /* ESTRELLAS — más brillantes y visibles */
  --star-dim:    rgba(255, 252, 240, 0.65);   /* antes 0.45 */
  --star-bright: rgba(255, 252, 240, 0.95);   /* antes 0.88 */
  --star-blue:   rgba(180, 200, 255, 0.7);    /* estrellas azuladas */

  /* TIPOGRAFÍA */
  --fj: 'Josefin Sans', sans-serif;
  --fr: 'Raleway', sans-serif;

  /* TRANSICIONES */
  --ease:  cubic-bezier(0.25, 0, 0.1, 1);
  --trans: 0.35s var(--ease);
}