/* 움찬 내신 대시보드 — 공통 디자인 토큰 (UI GUIDE 1.0). 화면마다 값을 따로 하드코딩하지 않는다. */
:root {
  --brand: #F4C542;
  --brand-soft: #FFF7D6;
  --brand-strong: #E6B52E;
  --text-primary: #292B2E;
  --text-secondary: #667085;
  --text-tertiary: #98A2B3;
  --surface: #FFFFFF;
  --background: #F6F7F9;
  --border: #E5E7EB;
  --border-strong: #D0D5DD;
  --success: #15803D;
  --success-soft: #ECFDF3;
  --warning: #92400E;
  --warning-soft: #FFF7D6;
  --warning-icon: #D97706;
  --danger: #B42318;
  --danger-soft: #FEF3F2;
  --neutral: #667085;
  --neutral-soft: #F2F4F7;
  --disabled-bg: #E5E7EB;
  --disabled-text: #667085;

  --radius-card: 12px;
  --radius-control: 8px;
  --radius-pill: 999px;
  --sidebar-width: 232px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  --page-gutter: 32px;
  --card-padding: 24px;

  --font-sans: 'Pretendard Variable', Pretendard, 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
  --fs-title: 28px;
  --fs-section: 18px;
  --fs-body: 16px;
  --fs-help: 14px;
  --fs-caption: 13px;
  --fs-stat: 38px;

  --control-h: 44px;
  --input-h: 48px;
  --focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px var(--text-primary);
  --shadow-soft: 0 1px 2px rgba(16, 24, 40, 0.04);
}

@media (max-width: 640px) {
  :root {
    --page-gutter: 20px;
    --card-padding: 20px;
    --fs-title: 24px;
  }
}