:root {
  /* Background */
  --bg-base: #eef0f7;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f5f3ff;
  --bg-input: #f1f2f8;

  /* Brand */
  --color-primary: #6a45e0;
  --color-primary-light: #7c5cfc;
  --color-primary-dark: #5a3fd4;
  --color-primary-glow: rgba(124, 92, 252, 0.16);

  /* Accent */
  --color-cyan: #14b8a6;
  --color-cyan-glow: rgba(20, 184, 166, 0.15);
  --color-gold: #c79400;
  --color-gold-glow: rgba(199, 148, 0, 0.16);
  --color-green: #1f9d57;
  --color-green-dim: rgba(31, 157, 87, 0.14);
  --color-red: #d63a2a;
  --color-red-dim: rgba(214, 58, 42, 0.12);
  --color-orange: #e07a0c;

  /* Text */
  --text-primary: #1b1b2e;
  --text-secondary: #5b5b78;
  --text-muted: #9595ad;
  --text-on-primary: #fff;

  /* Border */
  --border-default: rgba(124, 92, 252, 0.22);
  --border-hover: rgba(124, 92, 252, 0.5);
  --border-focus: rgba(124, 92, 252, 0.75);
  --border-subtle: rgba(20, 20, 50, 0.08);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(30, 27, 75, 0.08);
  --shadow-md: 0 4px 20px rgba(30, 27, 75, 0.10);
  --shadow-card: 0 4px 20px rgba(30, 27, 75, 0.10), 0 1px 0 rgba(255,255,255,0.6) inset;
  --shadow-glow: 0 0 20px var(--color-primary-glow);
  --shadow-glow-cyan: 0 0 16px var(--color-cyan-glow);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Typography */
  --font-sans: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;

  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Transitions */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 350ms ease;

  /* Nav height */
  --nav-h: 60px;
}