/* X보드 (가칭) 디자인 토큰 — 시안
   톤: "밤의 테이블" — 자정의 괴담/던전 + AI GM 억까 + 친구들과 캐주얼.
   다크 서피스 + 촛불 앰버(주사위/액션) + 장난스런 바이올렛(AI GM/억까) + 양피지 카드.
   제품 코드 아님 — 디자인 탐색용.

   ============================================================
   TODO(색상): 현재 팔레트는 임시(placeholder)다. 추후 전면 재조정 예정.
   레이아웃 확정 후 색상 톤/대비/브랜드 컬러를 다시 잡는다. 색상 값에 의존한
   결정은 보류. (CEO 브랜드 확정과도 연계)
   ============================================================ */

:root {
  /* --- surface (밤의 테이블 펠트) --- */
  --bg-900: #131019;   /* 앱 배경 (가장 깊은) */
  --bg-850: #181520;
  --bg-800: #1f1b28;   /* 패널 */
  --bg-700: #29243450;
  --bg-card: #241f2f;  /* 카드 */
  --bg-raised: #2e2839;/* 떠 있는 요소 */
  --border: #392f48;
  --border-soft: #2c2536;

  /* --- ink (양피지/크림 텍스트) --- */
  --ink-50:  #faf7f0;
  --ink-100: #f1ece1;
  --ink-300: #c5bfd2;
  --ink-500: #938ca6;
  --ink-700: #6a6380;

  /* --- 양피지 (룰북/캐릭터시트 카드) --- */
  --parch:      #ece2cb;
  --parch-edge: #d8cba9;
  --parch-ink:  #2a2433;

  /* --- 촛불 앰버 (주사위, 주요 액션, 하이라이트) --- */
  --amber-300: #f6c977;
  --amber-400: #f0b54a;
  --amber-500: #e09b2d;
  --amber-600: #c5821a;
  --amber-glow: #f0b54a33;

  /* --- 바이올렛 (AI GM 보이스 / 억까 페르소나) --- */
  --violet-300: #c8a3f5;
  --violet-400: #b07cf0;
  --violet-500: #9259e6;
  --violet-600: #7a40cf;
  --violet-glow: #9259e633;

  /* --- 판정 결과 --- */
  --crit:    #4fd1a0;  /* 대성공 */
  --success: #6cc079;  /* 성공 */
  --partial: #e0b341;  /* 부분성공 */
  --fail:    #ef7a6b;  /* 실패 */
  --critfail:#d6453f;  /* 대실패 */

  /* --- 상태/게이지 --- */
  --hp:    #6cc079;
  --fear:  #b07cf0;    /* 공포 */
  --danger:#ef7a6b;    /* 위험 트랙 */
  --sky:   #62b4e6;    /* 정보 */

  /* --- 타이포 --- */
  --font-display: "Iowan Old Style", "Noto Serif KR", Georgia, "Times New Roman", serif;
  --font-ui: "Pretendard", "Inter", -apple-system, "Segoe UI", "Noto Sans KR", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;

  /* --- 반경/그림자 --- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 6px 20px rgba(0,0,0,.45);
  --shadow-glow-amber: 0 0 0 1px var(--amber-400), 0 0 22px var(--amber-glow);
  --shadow-glow-violet: 0 0 0 1px var(--violet-500), 0 0 22px var(--violet-glow);
}