:root {
  color-scheme: dark;
  --ltv-deep-purple: #20035b;
  --ltv-night: #0d0426;
  --ltv-signal-purple: #5520d8;
  --ltv-play-green: #1ed760;
  --ltv-tube-white: #ffffff;
  --ltv-mist: #beb4e5;
  --ltv-black: #000000;
  --ltv-font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Compatibility aliases used by the existing UI while preserving the new brand roles. */
  --ink: var(--ltv-deep-purple);
  --panel: var(--ltv-night);
  --panel2: var(--ltv-night);
  --line: rgba(190, 180, 229, 0.34);
  --paper: var(--ltv-tube-white);
  --muted: var(--ltv-mist);
  --sunshine: var(--ltv-mist);
  --dogood: var(--ltv-signal-purple);
}

html,
body {
  background: var(--ltv-deep-purple);
  color: var(--ltv-tube-white);
  font-family: var(--ltv-font);
}

.brand-logo {
  display: block;
  width: 28px;
  height: 22px;
  flex: 0 0 auto;
  object-fit: contain;
}

.brand-wordmark {
  color: var(--ltv-tube-white);
  font-family: var(--ltv-font);
  font-weight: 700;
  letter-spacing: -0.025em;
}

:focus-visible {
  outline-color: var(--ltv-tube-white);
}