/* Chasm-specific overlay on the shared darklake design system.
   Cool-blue + crevasse-glow palette to match the lake-at-night-with-
   crevasse emblem; same family register as Fathom/Dream/Sigil. */

:root {
  --chasm-bright: #b4d6ff;
  --chasm-cool:   #6c9be0;
  --chasm-deep:   #345f9a;
}

body.chasm {
  background:
    radial-gradient(1400px 600px at 50% -10%, rgba(108, 155, 224, 0.06), transparent 60%),
    var(--bg-primary);
}

.brand-name-chasm {
  background: linear-gradient(135deg, var(--chasm-bright), var(--chasm-cool));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-text-chasm {
  background: linear-gradient(135deg, var(--chasm-bright), var(--chasm-cool), var(--chasm-deep));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% 200%;
  animation: gradientShift 5s ease infinite;
}

.badge-chasm {
  background: rgba(108, 155, 224, 0.08);
  border-color: rgba(108, 155, 224, 0.25);
  color: var(--chasm-cool);
}

.badge-chasm .badge-dot {
  background: var(--chasm-cool);
}