/* ============================================================
   디자인 토큰 정본 — 이후 모든 신규 스타일은 이 변수만 참조한다.
   (기존 css/main.css :root 값은 절대 변경하지 않고 그대로 재선언했다.
    신규 --ink-*/--gold-*/--ivory-*/--el-*/--sp-*/--rad-*/--fs-*/--ease-*/--dur-*
    토큰은 아직 어디서도 참조되지 않는 추가 정의이며 기존 화면에 영향 없음.)
   ============================================================ */
:root{
  /* --- 기존 main.css 값 그대로 보존 (값 변경 금지) --- */
  --bg:#0b0d17;
  --bg2:#131628;
  --panel:rgba(19,22,40,.78);
  --panel-solid:#171b30;
  --line:rgba(255,255,255,.10);
  --gold:#d9a441;
  --gold-soft:#f0c878;
  --ink:#f3efe6;
  --ink-dim:#b9b4a6;
  --accent:#7c5cff;
  --accent2:#21b6a8;
  --danger:#e5605e;
  --r:18px;
  --serif:'Noto Serif KR',serif;
  --sans:'Noto Sans KR',sans-serif;
  --shadow:0 18px 50px rgba(0,0,0,.45);

  /* --- 신규 확장 토큰 (미사용, 무해) --- */
  --ink-0:#08090F; --ink-1:#0B0D17; --ink-2:#12152A; --ink-3:#1A1E38; --ink-4:#252A4A; --ink-5:#343A5E;
  --gold-0:#FFF3D6; --gold-1:#F0C878; --gold-2:#D9A441; --gold-3:#B07C1F; --gold-4:#7A5412; --gold-5:#3D2A08;
  --ivory-0:#F3EFE6; --ivory-1:#C9C3B4; --ivory-2:#8E897C; --ivory-3:#5A564D;
  --el-wood:#3FA37A; --el-fire:#D9534F; --el-earth:#C9922E; --el-metal:#C9CED8; --el-water:#3D6BB5;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --rad-1:8px; --rad-2:12px; --rad-3:18px; --rad-4:999px;
  --fs-1:12px; --fs-2:13px; --fs-3:14px; --fs-4:16px; --fs-5:18px; --fs-6:20px; --fs-7:24px; --fs-8:32px; --fs-9:44px;
  --ease-out:cubic-bezier(.16,1,.3,1); --dur-1:120ms; --dur-2:220ms; --dur-3:400ms;
}