:root {
  --ds-bg: #050814;
  --ds-bg-elevated: #0b1224;
  --ds-surface: #101a31;
  --ds-surface-2: #152445;
  --ds-border: #1f3761;

  --ds-text: #f6f5f7;
  --ds-text-muted: #b9c6de;

  --ds-accent: #b05cff;
  --ds-accent-soft: #d39cff;
  --ds-accent-deep: #6d35d7;

  --ds-support: #44d5ff;
  --ds-support-soft: #8ce8ff;
  --ds-support-deep: #1a87d9;

  --ds-glow-purple: rgba(176, 92, 255, 0.32);
  --ds-glow-blue: rgba(68, 213, 255, 0.28);

  --ds-gradient-primary: linear-gradient(135deg, #7a3ff2 0%, #b05cff 48%, #44d5ff 100%);
  --ds-gradient-surface:
    radial-gradient(circle at top, rgba(68, 213, 255, 0.12), transparent 38%),
    radial-gradient(circle at 60% 35%, rgba(176, 92, 255, 0.16), transparent 42%),
    #050814;
}