/* =========================================================
   와썹 관리자 — 디자인 토큰 (design/theme.css 기준)
   <html data-theme="dark | light | auto">
   - dark  : 기본
   - light : 라이트
   - auto  : 기기 설정(prefers-color-scheme)을 따라요
   ========================================================= */
:root {
  --bg: #0a0d26; --chrome: #12163a; --chrome-2: #0f1331; --surface: #1a1f4d; --raised: #232a63; --hover: #2c3474;
  --line: #2b3270; --line-strong: #5a66c2; --ink: #f3f4ff; --ink-2: #a8aedb; --ink-3: #8189c4;
  --accent: #3a62f5; --accent-hover: #2a4bd6; --accent-text: #6d8bff; --on-accent: #ffffff;
  --danger: #ff6b7d; --danger-soft: #3a1830; --danger-line: #7a2b45; --on-danger: #141033;
  --success: #2fd58a; --success-soft: #10352f; --warn: #ffcc1a; --warn-soft: #3a3214;
  --focus: #ffcc1a; --logo-plate: #12163a; --scrim: rgba(5, 7, 24, 0.72); --shadow-pop: 0 12px 32px rgba(3, 5, 20, 0.55);
  color-scheme: dark;
  /* 차트 3색 (회원 상세 › 플레이 성향 도넛: 라이브 카지노 · 스포츠 · 슬롯) */
  --chart-1: #3987e5; --chart-2: #d95926; --chart-3: #199e70;

  /* 크기 */
  --topbar-1: 56px;
  --topbar-2: 44px;
  --sidenav-w: 240px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --font-sans: Pretendard, "Pretendard Variable", "Noto Sans KR", -apple-system, "Apple SD Gothic Neo", sans-serif;
}

:root[data-theme="light"] {
  --bg: #f3f4fa; --chrome: #ffffff; --chrome-2: #f8f9fd; --surface: #ffffff; --raised: #eceef8; --hover: #e2e5f4;
  --line: #dfe2f1; --line-strong: #8890c2; --ink: #12163a; --ink-2: #454c7e; --ink-3: #5f6697;
  --accent: #2a4bd6; --accent-hover: #2340b8; --accent-text: #2a4bd6; --on-accent: #ffffff;
  --danger: #c8283d; --danger-soft: #fdecef; --danger-line: #f0b3bd; --on-danger: #ffffff;
  --success: #0f7a52; --success-soft: #e3f5ec; --warn: #8a5a00; --warn-soft: #fff4d6;
  --focus: #2a4bd6; --logo-plate: #12163a; --scrim: rgba(18, 22, 58, 0.45); --shadow-pop: 0 10px 28px rgba(18, 22, 58, 0.14);
  --chart-1: #2a78d6; --chart-2: #eb6834; --chart-3: #1baf7a;
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root[data-theme="auto"] {
    --bg: #f3f4fa; --chrome: #ffffff; --chrome-2: #f8f9fd; --surface: #ffffff; --raised: #eceef8; --hover: #e2e5f4;
    --line: #dfe2f1; --line-strong: #8890c2; --ink: #12163a; --ink-2: #454c7e; --ink-3: #5f6697;
    --accent: #2a4bd6; --accent-hover: #2340b8; --accent-text: #2a4bd6; --on-accent: #ffffff;
    --danger: #c8283d; --danger-soft: #fdecef; --danger-line: #f0b3bd; --on-danger: #ffffff;
    --success: #0f7a52; --success-soft: #e3f5ec; --warn: #8a5a00; --warn-soft: #fff4d6;
    --focus: #2a4bd6; --logo-plate: #12163a; --scrim: rgba(18, 22, 58, 0.45); --shadow-pop: 0 10px 28px rgba(18, 22, 58, 0.14);
    --chart-1: #2a78d6; --chart-2: #eb6834; --chart-3: #1baf7a;
    color-scheme: light;
  }
}