/* 색·글꼴·간격 (디자인 값 모음) */

/* 디자인 값 모음: 색을 바꾸고 싶으면 이 파일만 수정 */
:root {
  /* 글꼴 */
  --font-pixel: "Galmuri11", monospace;
  --font-body: "Pretendard Variable", Pretendard, system-ui, sans-serif;

  /* 밤 테마 (기본) - 키 아트의 남보라 밤하늘 */
  --bg: #15112a;
  --surface: #211a3a;
  --surface-2: #2c2350;
  --line: #463a6e;
  --text: #efe8f7;
  --text-dim: #a99cc4;

  --accent: #e8c46a;   /* 금빛: 보스 이름, 중요 숫자 */
  --wisp: #5fe3d2;     /* 도깨비불: 선택, 진행 중, 포커스 */
  --glow: #d257d8;     /* 자홍 후광: 장식 */

  /* 컨텐츠 종류별 색 */
  --c-boss: #8e2f4a;   /* 붉은 허리띠 */
  --c-event: #5a3d8f;  /* 자수정 */
  --c-reset: #23686b;  /* 비취 */
  --c-guild: #7a5a2a;  /* 바랜 금 */
  --c-done: #3f7a63;

  /* 배경 장식 */
  --bg-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgb(210 87 216 / .22), transparent 70%),
    radial-gradient(ellipse 60% 40% at 100% 100%, rgb(95 227 210 / .10), transparent 70%);
  --paper-opacity: .05;

  /* 모양 */
  --radius: 6px;
  --fold: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
}

/* 한지 테마 - 배경 원화의 수묵화와 한지 */
:root[data-theme="light"] {
  --bg: #efe6d3;
  --surface: #f7f1e4;
  --surface-2: #e6dbc4;
  --line: #c9b99a;
  --text: #2a2622;     /* 먹 */
  --text-dim: #6d6357;

  --accent: #9a6b1e;
  --wisp: #2f8c84;
  --glow: #8a4fa0;

  --c-boss: #a8475a;
  --c-event: #6e5a96;
  --c-reset: #3f7d7a;
  --c-guild: #8c7444;
  --c-done: #5b7f63;

  --bg-image:
    radial-gradient(ellipse 70% 40% at 20% 0%, rgb(42 38 34 / .08), transparent 70%),
    radial-gradient(ellipse 60% 40% at 90% 100%, rgb(42 38 34 / .06), transparent 70%);
  --paper-opacity: .12;
}