:root {
  --bg-page: #0a0e1a;
  --bg-surface: #12172a;
  --bg-surface-2: #1a2038;
  --bg-elevated: #202848;
  --border-color: #272e4d;

  --text-primary: #f2f3f7;
  --text-secondary: #9aa1bd;
  --text-muted: #6a7194;

  --accent-purple: #7c5cff;
  --accent-purple-hover: #6a4ce0;
  --accent-purple-soft: rgba(124, 92, 255, 0.16);
  --accent-gold: #f0b429;
  --accent-danger: #ef4b5f;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --sidebar-width: 270px;
  --gifts-width: 260px;
}