/*
 * 작성자: NERDVANA Hub Admin
 * NERDVANA Hub 디자인 토큰. docs/design/NerdVana.dc.html 원본 색상·간격 값을 CSS 변수로 이식한다.
 */
:root {
  --bg: #08090b;
  --panel: #0b0e11;
  --line: #1c2128;
  --line-soft: #12161b;
  --line-strong: #232a33;

  --fg: #c9d0d8;
  --fg-bright: #e9eff5;
  --fg-dim: #5d6875;
  --fg-faint: #4f5863;
  --fg-mute: #8b95a1;
  --fg-sub: #7c8794;

  --acc: #7ee0a8;
  --acc-hover: #a9f0c6;
  --acc-bg: #0e1611;
  --acc-border: #2a3a30;

  --amber: #e0a458;
  --amber-bg: #141a16;
  --amber-border: #3a3021;

  --red: #c96a60;
  --red-bg: #120f10;
  --red-border: #2d2426;

  --genre-fantasy: #7ee0a8;
  --genre-wuxia: #e0a458;
  --genre-sf: #6fb7e6;
  --genre-modern-fantasy: #c58ae0;
  --genre-romance-fantasy: #e08aa8;
  --genre-mystery-horror: #8b95a1;

  --font-sans: 'IBM Plex Sans KR', 'IBM Plex Mono', monospace;
  --font-mono: 'IBM Plex Mono', monospace;

  --font-size-base: 13px;
  --line-height-base: 1.5;

  --header-height: 46px;
  --ticker-height: 24px;
  --content-max-width: 1600px;
  --sidebar-left-width: 280px;
  --sidebar-right-width: 320px;
  --gap: 14px;

  --touch-target-min: 44px;
}