/*
  Tokens de marca, derivados de referencia/ (logo, hero neón y flyer de Instagram).
*/

:root {
  /* Color */
  --c-bg-dark: #0a1424;       /* fondo del hero y secciones oscuras */
  --c-bg-dark-2: #0d1b30;     /* variación para tarjetas sobre fondo oscuro */
  --c-brand: #0aa3ec;         /* azul de marca */
  --c-neon: #1e9bff;          /* azul neón de los brillos */
  --c-light: #f2f5f9;         /* fondo de secciones claras */
  --c-white: #ffffff;
  --c-text-dark: #0a1424;     /* texto sobre fondo claro */
  --c-text-light: #f2f5f9;    /* texto sobre fondo oscuro */
  --c-text-muted-dark: #4a5568;   /* texto secundario sobre fondo claro */
  --c-text-muted-light: #9fb3c8;  /* texto secundario sobre fondo oscuro */
  --c-border-light: #dbe3ec;
  --c-border-dark: #1c2d47;
  --c-success: #1f9d55;
  --c-error: #e23b3b;

  /* Resplandor neón, para el logo y los elementos destacados del hero */
  --glow-neon-sm: 0 0 8px rgba(30, 155, 255, 0.65);
  --glow-neon-md: 0 0 20px rgba(30, 155, 255, 0.55), 0 0 4px rgba(255, 255, 255, 0.4);
  --glow-neon-lg: 0 0 48px rgba(10, 163, 236, 0.45);

  /* Tipografía */
  --font-text: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-lema: "Kaushan Script", cursive, var(--font-text);

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 2.75rem;

  /* Espaciado (escala de 8px) */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;

  /* Layout */
  --content-width: 72rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.5rem;
  --radius-pill: 999px;

  /* Movimiento */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Capas fijas (header, botón flotante de WhatsApp) */
  --z-header: 100;
  --z-float: 90;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
  }
}