:root {
  /* ── Paleta oficial Aether ── */
  --bg:          #050816;
  --bg-2:        #0A1224;
  --bg-3:        #07101F;

  /* Cards — glassmorphism */
  --bg-card:     rgba(255, 255, 255, 0.03);
  --bg-card-h:   rgba(255, 255, 255, 0.055);

  /* ── Texto ── */
  --text-1:      #F5F7FA;
  --text-2:      #AEB8C5;
  --text-3:      #4A5568;

  /* ── Azul eléctrico (glow / acento) ── */
  --accent:      #6EA8FF;
  --accent-2:    #8BBEFF;
  --accent-glow: rgba(110, 168, 255, 0.12);
  --accent-glow-strong: rgba(110, 168, 255, 0.22);

  /* ── Plata / gradiente metálico ── */
  --silver:      #F5F7FA;
  --silver-2:    #AEB8C5;

  /* ── Bordes ── */
  --border:      rgba(255, 255, 255, 0.07);
  --border-h:    rgba(110, 168, 255, 0.40);

  /* ── Tipografía ── */
  --font: 'Space Grotesk', 'Inter', system-ui, sans-serif;

  --size-xs:   0.75rem;
  --size-sm:   0.875rem;
  --size-base: 1rem;
  --size-lg:   1.125rem;
  --size-xl:   1.25rem;
  --size-2xl:  1.5rem;
  --size-3xl:  1.875rem;
  --size-4xl:  2.25rem;
  --size-5xl:  3rem;
  --size-6xl:  3.75rem;
  --size-7xl:  4.5rem;

  /* ── Espaciado ── */
  --s1:  0.25rem;
  --s2:  0.5rem;
  --s3:  0.75rem;
  --s4:  1rem;
  --s5:  1.25rem;
  --s6:  1.5rem;
  --s8:  2rem;
  --s10: 2.5rem;
  --s12: 3rem;
  --s16: 4rem;
  --s20: 5rem;
  --s24: 6rem;
  --s32: 8rem;

  /* ── Radios ── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  24px;
  --r-full: 9999px;

  /* ── Sombras ── */
  --shadow-card: 0 4px 32px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 40px rgba(110, 168, 255, 0.18);
  --shadow-glow-lg: 0 0 80px rgba(110, 168, 255, 0.12);

  /* ── Transiciones ── */
  --t:      0.25s ease;
  --t-slow: 0.45s ease;

  /* ── Contenedor ── */
  --container: 1200px;
  --pad-x: clamp(1.25rem, 5vw, 4rem);
}