/**
 * OnPay design tokens — 랜딩(public) · consumer-web(dApp) 공통
 */
:root {
  --bg: #06090d;
  --bg-elevated: #0c1118;
  --panel: #101820;
  --panel-hover: #141e2a;
  --text: #f0f4fa;
  --text-secondary: #c9d4e3;
  --muted: #8a96a8;
  --accent: #5aa8ff;
  --accent-hover: #7bb8ff;
  --accent-dim: rgba(90, 168, 255, 0.16);
  --accent-glow: rgba(90, 168, 255, 0.22);
  --accent-gradient: linear-gradient(135deg, #6bb8ff 0%, #5aa8ff 45%, #3d8ae6 100%);
  --violet: #7c5cff;
  --ok: #3ee8b3;
  --ok-dim: rgba(62, 232, 179, 0.14);
  --warn: #ffc14d;
  --danger: #ff6b7a;
  --border: #1c2838;
  --border-strong: #263446;
  --discord: #5865f2;
  --telegram: #2aabee;
  --max: 1120px;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.28);
  --shadow-glow: 0 12px 40px rgba(61, 138, 230, 0.22);
  --ring: 0 0 0 3px rgba(90, 168, 255, 0.42);
  --font-sans: 'Pretendard', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Apple SD Gothic Neo',
    'Malgun Gothic', 'Noto Sans KR', sans-serif;
  --font-mono: ui-monospace, 'Cascadia Code', 'Segoe UI Mono', monospace;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --header-h: 3.25rem;
}