:root {
  --bg-primary: linear-gradient(135deg, #faf8f3 0%, #f5f1e8 100%);
  --bg-secondary: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.85);
  --text-primary: #1a1a1a;
  --text-secondary: #4a4a4a;
  --text-muted: #6b7280;
  --border-color: rgba(0, 0, 0, 0.08);
  --accent-color: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.12);
  --blur-amount: 20px;
  --bubble-radius: 22px;
}

[data-theme="dark"] {
  --bg-primary: linear-gradient(135deg, #0a0e14 0%, #1a1f2e 100%);
  --bg-secondary: #151922;
  --bg-glass: rgba(21, 25, 34, 0.85);
  --text-primary: #e4e7eb;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;
  --border-color: rgba(255, 255, 255, 0.1);
  --accent-color: #60a5fa;
  --accent-hover: #93c5fd;
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.7);
}