:root {
  --color-bg: #050505;
  --color-bg-elevated: #0c0c0c;
  --color-bg-card: rgba(12, 12, 12, 0.92);
  --color-surface: #141414;

  --color-text: #f8f8f8;
  --color-text-muted: #b8b8b8;
  --color-text-dim: #787878;

  --color-accent: #818cf8;
  --color-accent-dim: rgba(129, 140, 248, 0.15);
  --color-accent-glow: rgba(129, 140, 248, 0.45);

  --color-error: #ff6b6b;
  --color-error-dim: rgba(255, 107, 107, 0.12);
  --color-error-shadow: none;
  --color-success: #818cf8;

  --color-border: rgba(255, 255, 255, 0.14);
  --color-border-accent: rgba(129, 140, 248, 0.35);

  --font-display: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "Pretendard", "Consolas", monospace;

  --header-height: 72px;
  --max-width: 1280px;
  --radius-sm: 4px;
  --radius-md: 8px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --transition: 0.35s var(--ease-out);
  --transition-fast: 0.2s var(--ease-out);
  --theme-glow-a: rgba(129, 140, 248, 0.08);
  --theme-glow-b: rgba(129, 140, 248, 0.05);
  --theme-hero-glow-a: rgba(129, 140, 248, 0.15);
  --theme-hero-glow-b: rgba(129, 140, 248, 0.12);
  --theme-hero-glow-c: rgba(129, 140, 248, 0.08);
  --theme-scrollbar: rgba(129, 140, 248, 0.35);
  --theme-scrollbar-hover: rgba(129, 140, 248, 0.55);
  --theme-accent-hover: #9499f7;

  --glow-accent: 0 0 24px var(--color-accent-glow);
}