/**
 * Wehome Toss-style design tokens (SSOT)
 * Docs: docs/design-md/toss.md · admin-dashboard.md
 *
 * Usage: @import url('/assets/css/wh-tokens.css'); or link in layout
 * Do NOT redefine --wh-brand in page-scoped :root (breaks global brand)
 */

:root {
  /* Surface & text */
  --wh-bg: #f2f4f6;
  --wh-bg-gutter: #d5d8dd;
  --wh-card: #ffffff;
  --wh-surface: #f4f5f7;
  --wh-tx: #191f28;
  --wh-tx2: #4e5968;
  --wh-tx3: #8b95a1;
  --wh-bd: rgba(0, 0, 0, 0.06);

  /* Brand */
  --wh-brand: #6800cd;
  --wh-brand-hover: #5700aa;
  --wh-brand-tint: #f3eefb;
  --wh-brand-soft: rgba(104, 0, 205, 0.12);
  --wh-ink: #333d4b;
  --wh-ink-hover: #191f28;
  --wh-link: #0071e3;

  /* Semantic */
  --wh-ok: #0f766e;
  --wh-ok-bg: #ecfdf5;
  --wh-ok-bd: #a7f3d0;
  --wh-warn-bg: #fffbeb;
  --wh-warn-bd: #fde68a;
  --wh-warn-tx: #92400e;
  --wh-err-bg: #fef2f2;
  --wh-err-bd: #fecaca;
  --wh-err-tx: #b91c1c;
  --wh-info-bg: #f3eefb;
  --wh-info-bd: #ddd0f5;

  /* Radius — soft round (2026-07) */
  --wh-radius-xs: 12px;
  --wh-radius-sm: 16px;
  --wh-radius-md: 20px;
  --wh-radius-lg: 24px;
  --wh-radius-xl: 28px;
  --wh-radius-btn: 18px;
  --wh-radius-pill: 999px;

  /* Elevation */
  --wh-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --wh-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.06);

  /* Admin channel accent (override with data-mkt-channel) */
  --mkt-accent: var(--wh-brand);
}

[data-mkt-channel="naver"] { --mkt-accent: #03c75a; }
[data-mkt-channel="google_ads"] { --mkt-accent: #4285f4; }
[data-mkt-channel="google_hotels"] { --mkt-accent: #188038; }
[data-mkt-channel="kakao_moment"] { --mkt-accent: #d4a017; }