/*! tokens.css — 디자인 토큰 (사이트 전역 단일 제어점, 2026-07-12 신설)
 * 사용법: 블럭/스킨 CSS는 색·폰트·여백을 var(--토큰)으로 참조한다.
 * 고객사 이식: 이 파일의 기본값 교체 또는 어드민(사이트설정 색상)만 변경.
 * 주의: --c-primary/--c-accent 는 bg_sub.php가 DB(g5_site_info) 값으로 덮어쓴다(로드 순서: tokens.css → bg_sub.php).
 */
:root {
  /* 색상 */
  --c-primary: #910000;   /* 브랜드 주색 (DB site_bg_color 연동) */
  --c-accent:  #98DBAB;   /* 강조색 (DB site_txt_color 연동) */
  --c-bg:      #ffffff;   /* 기본 배경 */
  --c-bg-soft: #f6f6f6;   /* 옅은 배경 */
  --c-text:    #212529;   /* 본문 텍스트 */
  --c-text-sub:#6c757d;   /* 보조 텍스트 */
  --c-line:    #e9e9e9;   /* 구분선/테두리 */

  /* 폰트 */
  --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans KR", "Malgun Gothic", sans-serif;
  --font-head: var(--font-base);

  /* 여백 스케일 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 40px;
  --sp-6: 64px;

  /* 형태 */
  --radius: 8px;
  --container: 1200px;    /* g5_layout_css_set 컨테이너폭과 동일 */
}