/* 어서자 DS 토큰 — M1 (플래그 body.ds 하위에서만 소비됨)
 * 실측: docs/superpowers/specs/2026-09-27-m1-ds-facts.md A-1~A-4
 * :root 변수 정의만 둔다 — 요소 규칙은 admin-shell.css / components.css 에.
 * 변수 자체는 스코프가 없어도 무해(아무 것도 렌더하지 않는다). */
:root {
  /* A-1 시맨틱 색 — Theme 컬렉션 "어서자 포털" 모드 해석값 */
  --ds-bg: #ffffff;
  --ds-surface: #f5f5f5;
  --ds-text: #3a3a3a;
  --ds-text-strong: #231f20;
  --ds-text-muted: #767676;
  --ds-border: #e5e5e5;
  --ds-primary: #231f20;
  --ds-on-primary: #ffffff;
  --ds-secondary: #e5e5e5;
  --ds-accent: #c4501a;
  --ds-cta: #c4501a;
  --ds-dark: #231f20;
  --ds-danger: #b42318;
  /* radius/card 원값(포털 모드=12) — 관리자 카드 radius 는 A-4 결정값(--ds-radius-card=10)을 따로 쓴다 */
  --ds-radius-card-portal: 12px;

  /* 카테고리 색 (전 모드 공통) */
  --ds-place: #f36d21;
  --ds-place-text: #c4501a;
  --ds-camping: #64a539;
  --ds-camping-text: #3f7a1f;
  --ds-travel: #3dace2;
  --ds-travel-text: #1f7ab0;

  /* 포털 강조 면(Figma 03 F-03 입점 안내 히어로 #1f3a2e · 안내 박스 #eaf4fb) */
  --ds-forest: #1f3a2e;
  --ds-info-bg: #eaf4fb;

  /* A-2 텍스트 스타일 (전부 Noto Sans KR) */
  --ds-font-family: 'Noto Sans KR', sans-serif;
  --ds-font-display-size: 56px; --ds-font-display-line: 130%; --ds-font-display-weight: 700; --ds-font-display-tracking: -0.03em;
  --ds-font-h1-size: 40px; --ds-font-h1-line: 135%; --ds-font-h1-weight: 700; --ds-font-h1-tracking: -0.02em;
  --ds-font-h2-size: 32px; --ds-font-h2-line: 140%; --ds-font-h2-weight: 700; --ds-font-h2-tracking: -0.015em;
  --ds-font-h3-size: 24px; --ds-font-h3-line: 140%; --ds-font-h3-weight: 700; --ds-font-h3-tracking: -0.003em;
  --ds-font-title-size: 18px; --ds-font-title-line: 150%; --ds-font-title-weight: 700;
  --ds-font-body-l-size: 18px; --ds-font-body-l-line: 170%; --ds-font-body-l-weight: 400;
  --ds-font-body-m-size: 16px; --ds-font-body-m-line: 170%; --ds-font-body-m-weight: 400;
  --ds-font-body-s-size: 14px; --ds-font-body-s-line: 160%; --ds-font-body-s-weight: 400;
  --ds-font-label-size: 14px; --ds-font-label-line: 140%; --ds-font-label-weight: 500;
  --ds-font-caption-size: 12px; --ds-font-caption-line: 150%; --ds-font-caption-weight: 400;

  /* A-3 이펙트 스타일 */
  --ds-shadow-card: 0 2px 12px rgba(20, 23, 28, .08);
  --ds-shadow-raised: 0 8px 28px rgba(20, 23, 28, .14);

  /* A-4 관리자 "혼합안" 확정값 */
  --ds-admin-sidebar: #31364C;
  --ds-admin-sidebar-sub: #26293A;
  --ds-admin-logo-bg: #49468C; /* 사이드바 로고 영역 — 레거시 관리자와 같은 보라(2026-09-27 사용자 결정) */
  --ds-admin-menu-text: #9093A3;
  --ds-admin-active: var(--ds-cta);
  --ds-admin-bg: #F7F9FB;
  --ds-admin-th: #F5F6F8;
  --ds-radius-card: 10px;
  /* DR-A(2026-09-28) Figma 06 관리자 셸·부품 실측값 — Admin Sidebar(33:250) · 카드 · Topbar(33:358) */
  --ds-admin-section: #6B7089;      /* 구역 소제목(운영/사이트/설정) 11px Bold, opacity .5 */
  --ds-admin-submenu-text: #ABAEBD; /* 하위 메뉴 글자 */
  --ds-radius-control: 8px;         /* 버튼·입력·페이지 칸 (radius-md) */
  --ds-shadow-admin-card: 0 3px 6px rgba(0, 0, 0, .05);
  --ds-shadow-admin-bar: 0 3px 3px rgba(0, 0, 0, .05);
}
/* UX-P3(2026-09-28) 표 공통 — 머리칸 글자(#F5F6F8 위 6.6:1, 흰 바탕 7:1) · 표 안 링크 · 행 hover */
:root {
  --ds-th-text: #595959;
  --ds-link: #1f6fb2;
  --ds-row-hover: #fafafb;
}