:root {
  --bg: #0d0511;
  --bg2: #130818;
  --bg3: #2c1331;
  --bg4: #1a0c20;
  --text: #f5f0f8;
  --text-muted: rgba(245, 240, 248, 0.5);
  --text-subtle: rgba(245, 240, 248, 0.3);
  --accent: #f26482;
  --accent2: #f8aab8;
  --accent-hover: #e8748a;
  --purple: #9682a3;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 40px rgba(242, 100, 130, 0.15);
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 16px;
  --nav-height: 68px;
}

[data-theme="light"] {
  --bg: #fdf6f8;
  --bg2: #f9edf1;
  --bg3: #fce4eb;
  --bg4: #f5e2ea;
  --text: #2c1331;
  --text-muted: rgba(44, 19, 49, 0.55);
  --text-subtle: rgba(44, 19, 49, 0.35);
  --accent: #e8748a;
  --accent2: #c94f6a;
  --accent-hover: #d45e75;
  --purple: #7a5f7d;
  --border: rgba(44, 19, 49, 0.1);
  --border-strong: rgba(44, 19, 49, 0.18);
  --shadow: 0 4px 24px rgba(44, 19, 49, 0.12);
  --shadow-glow: 0 0 40px rgba(232, 116, 138, 0.12);
}