:root {
  --color-bg: #0f172a;
  --color-bg-primary: #16203a;
  --color-primary: #86d3ff;
  --color-secondary: #ff9fca;
  --color-white: #f8fbff;
  --color-text: #eff5ff;
  --color-muted: #b8c8e8;
  --shadow-soft: 0 16px 40px rgba(20, 34, 64, 0.35);
}

:root[data-theme="light"] {
  --color-bg: #eaf3ff;
  --color-bg-primary: #f4f8ff;
  --color-primary: #3f8fff;
  --color-secondary: #ff82ba;
  --color-white: #f7fbff;
  --color-text: #162a52;
  --color-muted: #4f6791;
  --shadow-soft: 0 14px 34px rgba(72, 122, 201, 0.2);
}