/* ============================================================
   디자인 토큰 — 레시피에 지정된 값을 그대로 CSS 변수로 고정.
   여기 값만 바꾸면 사이트 전체가 따라갑니다.
   ============================================================ */
:root {
  /* --- 색 (레시피 지정값) --- */
  --primary: #3B82F6;
  --text: #1F2937;
  --sub: #6B7280;
  --bg: #FFFFFF;
  --surface: #F9FAFB;
  --border: #E5E7EB;

  /* 지정 색에서 파생한 보조 값 (호버·포커스·배지용) */
  --primary-dark: #2563EB;
  --primary-soft: #EFF6FF;
  --primary-ring: rgba(59, 130, 246, 0.28);

  /* --- 타이포 (레시피 지정값) --- */
  /* Inter는 한글 글리프가 없어 한글용 폴백을 뒤에 둡니다. */
  --font-sans: 'Inter', 'Pretendard', -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
  --fw-heading: 700;
  --fw-body: 400;
  --fw-medium: 500;

  /* --- 버튼 (레시피 지정값) --- */
  --btn-radius: 10px;
  --btn-padding: 12px 20px;
  --btn-weight: 700;

  /* --- 아이콘 (레시피 지정값) --- */
  --icon-size: 24px;
  --icon-stroke: 1.5;

  /* --- 그 외 --- */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.10);
  --container: 1120px;
  --header-h: 64px;
}