html[data-theme='modern'] {
  --bg: #eee7d8;
  --bg-alt: #e8e3da;
  --card: rgba(255, 255, 255, 0.97);
  --text: #1b1a20;
  --muted: #5a5664;
  --accent: #ff6a3d;
  --accent-2: #5369ff;
  --accent-3: #2fbf9b;
  --border: rgba(27, 26, 32, 0.18);
  --shadow-rest: 0 18px 36px rgba(33, 30, 45, 0.1);
  --shadow-feature: 0 28px 60px rgba(33, 30, 45, 0.16);
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --body-bg: radial-gradient(circle at 10% -20%, rgba(255, 106, 61, 0.2) 0%, transparent 45%),
    radial-gradient(circle at 90% 0%, rgba(83, 105, 255, 0.22) 0%, transparent 48%),
    radial-gradient(circle at 50% 120%, rgba(47, 191, 155, 0.2) 0%, transparent 55%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.42) 0%, transparent 100%),
    var(--bg);
  --aurora-bg: linear-gradient(130deg, rgba(255, 106, 61, 0.14), rgba(83, 105, 255, 0.16), transparent 65%);
  --grid-image: linear-gradient(rgba(27, 26, 32, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27, 26, 32, 0.05) 1px, transparent 1px);
  --grid-opacity: 0.4;
  --header-bg: rgba(244, 241, 234, 0.9);
}