/* Luckholic 디자인 토큰 — 미드나잇 골드
   원본: design/tokens.css (설명은 design/DESIGN.md). 값을 바꾸면 양쪽을 함께 바꾼다.
   tests/test_design_tokens.py 가 두 파일의 이름·값이 같은지 확인한다.
   글꼴 불러오기(import)는 렌더링을 막으므로 넣지 않는다 (base.html 이 언어별로 불러온다).
   body·a 같은 요소 규칙은 main.css 가 관리한다. */
:root {
  /* 색상 */
  --bg: #0F1023;
  --surface: #181A33;
  --card-back: #1B1D3A;
  --ivory: #EEE8DA;
  --gold: #D9B96E;
  --gold-hover: #F0D697;
  --text: #EEE8DA;
  --text-body-muted: #C9C5D8;
  --text-muted: #A9A6BD;
  --line: rgba(217, 185, 110, 0.16);
  --line-strong: rgba(217, 185, 110, 0.25);
  --line-input: rgba(217, 185, 110, 0.35);
  --on-ivory-body: #3D3B52;
  --on-ivory-muted: #4A4860;
  --on-ivory-label: #7A5A17;

  /* 오행 */
  --el-wood: #7CC49A;
  --el-fire: #E88A7A;
  --el-earth: #D2A96A;
  --el-metal: #E4E1EC;
  --el-water: #7FA6E8;

  /* 로또 공 */
  --ball-1: #F2C94C;
  --ball-2: #6FA8F2;
  --ball-3: #EE7B6E;
  --ball-4: #B4B1C4;
  --ball-5: #7CC49A;

  /* 글꼴 */
  --font-display: 'Gowun Batang', serif;
  --font-body: 'Noto Sans KR', sans-serif;
  --font-latin: 'Cormorant Garamond', serif;

  /* 모서리 */
  --radius-pill: 999px;
  --radius-xl: 24px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 12px;

  /* 크기 */
  --btn-height: 56px;
  --tap-min: 44px;
  --input-height: 52px;

  /* 레이아웃 */
  --page-max: 1440px;
  --gutter-desktop: 80px;
  --gutter-mobile: 20px;
}