:root {
  color-scheme: dark;
  --bg: #0a0a0f;
  --bg-elev: #1a1c2e;
  --bg-soft: #141624;
  --ink: #ffffff;
  --ink-muted: #b8bfcc;
  --line: rgba(255, 255, 255, 0.08);
  --accent: #4c60ff;
  --accent-2: #7a6ff8;
  --accent-soft: rgba(76, 96, 255, 0.16);
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  --radius: 1rem;
  --radius-sm: 0.75rem;
  --font: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
  --max: 70rem;
  --focus: 2px solid var(--accent);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5fb;
  --bg-elev: #ffffff;
  --bg-soft: #eceef8;
  --ink: #12141c;
  --ink-muted: #5c6370;
  --line: #e2e5f0;
  --accent: #3b4fe0;
  --accent-2: #6358e8;
  --accent-soft: rgba(59, 79, 224, 0.12);
  --shadow: 0 18px 40px rgba(40, 48, 80, 0.08);
}