/*
 * GUARDiA Mall — UIWS 이식 화면 테마 토큰 (모듈 스코프).
 * 다크/라이트 두 모드 지원. UIWS 화면/컴포넌트는 색상 하드코딩 금지 — 아래 CSS 변수만 사용한다.
 * 기존 Mall 화면(관리자 NCloud 다크 .admin-shell / 스토어프론트 Tailwind)은 영향 없음
 * (이 변수는 .uiws-scope 영역에서만 참조). 셀렉터는 data-uiws-theme(Mall 미사용 속성)로 격리.
 *
 * 다크 기본값은 Mall 관리자 팔레트(ink #0b0f17 / card #1a2234 / brand #00a0c8)와 정합.
 */

:root,
:root[data-uiws-theme='dark'] {
  --uiws-bg: #0b0f17;
  --uiws-surface: #131927;
  --uiws-surface-2: #1a2234;
  --uiws-border: #26304a;
  --uiws-text: #e6edf6;
  --uiws-text-muted: #9aa7bd;
  --uiws-text-faint: #6b7a93;
  --uiws-primary: #00a0c8;
  --uiws-primary-contrast: #06121a;
  --uiws-primary-soft: rgba(0, 160, 200, 0.16);
  --uiws-danger: #f87171;
  --uiws-success: #3ddc97;
  --uiws-warning: #f0b429;
  --uiws-row-hover: rgba(255, 255, 255, 0.04);
  --uiws-input-bg: #0b0f17;
  --uiws-shadow: 0 8px 30px -10px rgba(0, 0, 0, 0.55);
}

:root[data-uiws-theme='light'] {
  --uiws-bg: #f5f7fb;
  --uiws-surface: #ffffff;
  --uiws-surface-2: #eef2f8;
  --uiws-border: #dbe2ee;
  --uiws-text: #1c2433;
  --uiws-text-muted: #5a6878;
  --uiws-text-faint: #8a97a8;
  --uiws-primary: #007ea0;
  --uiws-primary-contrast: #ffffff;
  --uiws-primary-soft: rgba(0, 126, 160, 0.10);
  --uiws-danger: #d64545;
  --uiws-success: #1f9d6b;
  --uiws-warning: #b7791f;
  --uiws-row-hover: rgba(0, 0, 0, 0.035);
  --uiws-input-bg: #ffffff;
  --uiws-shadow: 0 8px 30px -12px rgba(40, 55, 80, 0.18);
}

/* UIWS 화면 컨테이너 — 토큰 기반 기본 타이포/배경 */
.uiws-scope {
  color: var(--uiws-text);
}
.uiws-scope a { color: var(--uiws-primary); }
