:root {
  --brand-pink: #e83e8c;
  --brand-purple: #7b61ff;
  --brand-gradient: linear-gradient(90deg, var(--brand-pink), var(--brand-purple));
  --brand-gradient-strong: linear-gradient(135deg, #ff4b6e 0%, #8a3bff 100%);

  --bg: #0b0b12;
  --bg-1: #12122a;
  --bg-2: #141428;
  --bg-3: #1b1b33;
  --bg-elev: rgba(255, 255, 255, 0.04);
  --bg-hover: rgba(255, 255, 255, 0.08);
  --bg-input: #1a1a2e;

  --fg: #f2f2f8;
  --fg-muted: #9aa0b4;
  --fg-dim: #6b7189;

  --ok: #2ecc71;
  --warn: #ffa52e;
  --err: #ff5c6c;
  --info: #00c6ff;

  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);
  --focus-ring: 0 0 0 2px rgba(232, 62, 140, 0.45);

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 10px 30px rgba(232, 62, 140, 0.18);

  --space-0: 0;
  --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-14: 56px;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo",
    "Noto Sans KR", "Noto Sans JP", "Noto Sans SC", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fz-xs: 11px;
  --fz-sm: 13px;
  --fz-md: 14px;
  --fz-lg: 16px;
  --fz-xl: 20px;
  --fz-2xl: 26px;
  --fz-3xl: 36px;
  --fz-4xl: 48px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur: 200ms;
  --dur-slow: 320ms;

  --z-modal: 100;
  --z-toast: 200;
  --z-dropdown: 50;
  --z-topbar: 40;

  --max-w: 1280px;
  --topbar-h: 64px;
}
