/* styles/tokens.css
   +USDT Studio — 디자인 토큰
   브랜드: 다크 네이비 베이스 + 블루 포인트 단일 액센트
   폰트: Google Fonts (Space Grotesk / Inter / IBM Plex Mono)
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* ── Background ── */
  --bg:          #0A1420;
  --surface:     #101B29;
  --surface-alt: #16233A;
  --surface-hi:  #1C2E45;

  /* ── Border ── */
  --border:        rgba(237, 242, 247, 0.08);
  --border-strong: rgba(237, 242, 247, 0.16);

  /* ── Accent (블루 단일) ── */
  --accent:       #2E6FEF;
  --accent-hover: #4F86FF;
  --accent-muted: rgba(46, 111, 239, 0.14);
  --accent-ring:  rgba(46, 111, 239, 0.35);

  /* ── Text ── */
  --text-primary:   #EDF2F7;
  --text-secondary: #A8B4C2;
  --text-muted:     #7C8A9C;

  /* ── Status ── */
  --error:       #FC5C65;
  --error-muted: rgba(252, 92, 101, 0.12);
  --success:     #26C06B;
  --success-muted: rgba(38, 192, 107, 0.12);

  /* ── Typography ── */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  /* ── Radius ── */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius:    10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* ── Shadow ── */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.3);
  --shadow:    0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.5);
}