/**
 * kyminfo 패밀리 디자인 시스템 토큰 (tokens.css)
 * game.kyminfo.com 전용 규격
 */
:root {
  /* 중립 색상 (Neutrals) */
  --ink: #202536;
  --ink-heading: #12172a;
  --muted: #52617a;
  --muted-light: #8892a7;
  --line: #e7e9f0;
  --line-strong: #cbd5e1;
  --paper: #ffffff;
  --surface: #ffffff;
  --wash: #f7f8fc;
  --surface-alt: #f1f3fa;

  /* 브랜드 색상 (Brand Identity) */
  --blue: #4169e1;
  --accent: #4f68e5;
  --accent-soft: #eff2ff;
  --blue-dark: #294fc0;
  --blue-light: #eff6ff;
  --violet: #765ce8;
  --violet-light: #f5f3ff;
  --mint: #daf4e8;
  --mint-dark: #128054;
  --orange: #f97316;
  --orange-light: #fff7ed;
  --rose: #ef4444;
  --rose-light: #fef2f2;
  --gold: #f59e0b;

  /* 그라데이션 (Gradients) */
  --brand-gradient: linear-gradient(135deg, #4f68e5 0%, #795bea 100%);
  --hero-gradient: linear-gradient(112deg, #edf2ff 0%, #f1efff 57%, #eff9f6 100%);
  --card-highlight: linear-gradient(145deg, #ffffff 40%, #f4f2ff 100%);

  /* 그림자 체계 (Elevation) */
  --shadow-sm: 0 4px 18px rgba(40, 52, 91, 0.04);
  --shadow: 0 16px 46px rgba(40, 52, 91, 0.08);
  --shadow-dropdown: 0 12px 32px rgba(32, 48, 80, 0.12);
  --shadow-modal: 0 24px 64px rgba(32, 48, 80, 0.2);

  /* 곡률 체계 (Border Radius) */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* 폰트 체계 */
  --font-sans: 'DM Sans', 'Noto Sans KR', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', 'Courier New', monospace;

  /* 트랜지션 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}