/* Charon-specific overlay on the shared darklake design system.
   Slightly warmer/lavender-shifted blue to match the ferryman-on-the-
   lake emblem; same family register as Fathom/Dream/Sigil/Chasm. */

:root {
  --charon-bright: #c8d8ff;
  --charon-cool:   #7d9be8;
  --charon-deep:   #3f5da8;
}

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

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

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

.badge-charon {
  background: rgba(125, 155, 232, 0.08);
  border-color: rgba(125, 155, 232, 0.25);
  color: var(--charon-cool);
}

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