/* =====================================================================
   AUTÉNTICO CREATIVO — TOKENS
   Única fuente de verdad de colores, tipografía, espaciado y tiempos.
   Si cambias algo de marca, cámbialo AQUÍ y se propaga a toda la web.
   ===================================================================== */

:root {
  /* ── Colores de marca (constantes) ── */
  --teal:          #299cb8;
  --teal-light:    #4fc9e6;
  --teal-hover:    #1d7d93;
  --teal-glow:     rgba(41, 156, 184, 0.28);

  --red:           #d31451;
  --red-light:     #ff4d84;
  --red-hover:     #b80e41;
  --red-glow:      rgba(211, 20, 81, 0.30);

  /* ── Fondo profundo (base del degradado nebulosa) ── */
  --void:          #000000;   /* negro insondable */
  --indigo:        #070718;   /* índigo casi negro */
  --indigo-soft:   #0d0d24;

  /* ── Superficies y texto (modo oscuro fijo) ── */
  --bg:            #050508;
  --text:          #f0f0f0;
  --text-muted:    rgba(240, 240, 240, 0.58);
  --text-dim:      rgba(240, 240, 240, 0.32);

  /* ── Cristal líquido (Liquid Glass) ── */
  --glass-bg:      rgba(14, 18, 34, 0.46);
  --glass-bg-soft: rgba(18, 22, 40, 0.30);
  --glass-border:  rgba(255, 255, 255, 0.14);
  --glass-border-strong: rgba(255, 255, 255, 0.26);
  --glass-hi:      rgba(190, 225, 255, 0.55);   /* reflejo interior azulado */
  --glass-blur:    22px;
  --glass-shadow:  0 18px 50px rgba(0, 0, 0, 0.55),
                   0 2px 10px rgba(0, 0, 0, 0.35);

  /* ── Tipografía ── */
  --font-title:    'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body:     'Montserrat Alternates', 'Segoe UI', system-ui, sans-serif;

  /* ── Radios ── */
  --r:             14px;
  --r-lg:          24px;
  --r-xl:          40px;
  --r-full:        999px;

  /* ── Espaciado ── */
  --gap-xs:        8px;
  --gap-sm:        16px;
  --gap:           28px;
  --gap-lg:        56px;
  --gap-xl:        96px;

  /* ── Movimiento ── */
  --ease:          cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --t:             0.35s var(--ease);
  --t-slow:        0.7s var(--ease-out);

  /* ── Capas (z-index) ── */
  --z-bg:          0;
  --z-content:     10;
  --z-nav:         80;
  --z-intro:       100;

  /* ── Medidas ── */
  --wrap:          1180px;
  --wrap-narrow:   780px;
  --nav-h:         74px;
}