/* =========================================================
   WASSUP 파트너 — 디자인 토큰 (design/theme.css의 .wa 변수 그대로)
   다크가 기본, <html class="wa" data-theme="light"> 이면 라이트
   관리자 퍼블리싱(wassup-admin/)과 같은 이름이라 그대로 합칠 수 있어요.
   ========================================================= */
.wa {
  --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;
  font-family: Pretendard, "Pretendard Variable", "Noto Sans KR", -apple-system, "Apple SD Gothic Neo", sans-serif;
  font-size: 13px; line-height: 20px; color: var(--ink); background: var(--bg);
}
.wa[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);
  color-scheme: light;
}