/* 디자인 토큰 — 기획 프로토타입(docs/planner-spec-v1.html)에서 추출 (docs/07·09 §7·11 §5)
   테넌트 브랜드(bgColor/headColor)는 base 레이아웃에서 :root 변수로 override 된다. */
:root {
  /* brand / primary */
  --c-primary:        #e67e22;   /* 메인 오렌지 */
  --c-primary-warm:   #f5a623;   /* 따뜻한 배경 */
  --c-page-bg:        #f5f5f5;   /* 페이지 배경 — 테넌트 bgColor 로 override */
  --c-header-bg:      #e67e22;   /* 헤더 배경 */
  --c-header-text:    #ffffff;   /* 헤더 텍스트/아이콘 — 테넌트 headColor 로 override */

  /* semantic */
  --c-success:        #4caf50;   /* 무료/완료/초록버튼 */
  --c-action-pink:    #e91e63;   /* 핑크 액션/대형사이즈 */
  --c-info:           #2196f3;   /* 정보/가이드 */

  /* social */
  --c-kakao:          #FEE500;
  --c-naver:          #03C75A;

  /* neutral */
  --c-text:           #222222;
  --c-dark:           #333333;
  --c-muted:          #999999;
  --c-border:         #dddddd;
  --c-light:          #f5f5f5;
  --c-white:          #ffffff;
  --c-hint:           #e67e22;

  /* spacing (8px 기반) */
  --s-xs: 4px; --s-sm: 8px; --s-md: 12px; --s-lg: 16px; --s-xl: 20px; --s-2xl: 24px; --s-3xl: 32px;

  /* radius */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 14px; --r-2xl: 16px; --r-pill: 20px; --r-round: 50%;

  /* shadow */
  --sh-card:  0 2px 8px rgba(0,0,0,.06);
  --sh-elev:  0 2px 8px rgba(0,0,0,.08);
  --sh-modal: 0 8px 32px rgba(0,0,0,.3);

  /* typography */
  --font:   -apple-system, BlinkMacSystemFont, 'Noto Sans KR', 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --fs-h1: 24px; --fs-h2: 19px; --fs-h3: 16px; --fs-body: 14px; --fs-sm: 13px; --fs-xs: 11px; --fs-btn: 16px;
}