/* ============================================================
   와이즈과학학원 디자인 토큰 · Final (2026-07 확정)
   그린 #008C4E × 크림 페이퍼 #FBF7EE · 그린 모노톤 (포인트 색 없음)
   원칙: 플랫 솔리드(그라데이션 금지) · 8pt 그리드 · 볼드 축소(최대 700)
   ============================================================ */
:root {

  /* ===== Brand Green — 모든 액션·링크·선택·강조의 단일 기준색 ===== */
  --wise-primary:        #008C4E;  /* Primary · CTA/링크/선택 상태 */
  --wise-primary-hover:  #007A43;  /* Primary hover — 한 단계 짙게 */
  --wise-primary-press:  #006538;  /* Primary pressed — 두 단계 짙게 */
  --wise-secondary:      #5FAE87;  /* 보조 그린 · 서브 요소/아이콘/레벨 태그 */
  --wise-deep:           #0B4D31;  /* Deep 그린 · 헤드라인/추천·BEST 강조 솔리드 */
  --wise-green-soft:     #E4F1E9;  /* Soft 배경 · 강조 배경/Secondary 버튼 bg */
  --wise-green-softer:   #EFF6F0;  /* 더 옅은 soft · 배너/hover 배경 */
  --wise-green-border:   #C9E0D2;  /* 그린 계열 보더 */

  /* ===== Background · 크림 페이퍼 (확정 P1) ===== */
  --wise-paper:          #FBF7EE;  /* 기본 배경 — 순백 #FFFFFF 사용 금지 */
  --wise-surface:        #FFFEFA;  /* 카드/입력 등 종이 위 표면 (살짝 밝게) */

  /* ===== Warm Gray — 종이색과 같은 온도, 푸른기 없는 중립 ===== */
  --wise-gray-50:        #F6F3EB;  /* 옅은 배경/행 배경 */
  --wise-gray-100:       #EBE6DA;  /* 구분면/스켈레톤 */
  --wise-gray-200:       #D5CEBE;  /* 보더/disabled 버튼 bg */
  --wise-gray-400:       #9A9384;  /* 보조 텍스트 */
  --wise-gray-600:       #5D5749;  /* 중간 텍스트 */
  --wise-gray-900:       #2A2720;  /* 진한 텍스트 */

  /* ===== Text / Line ===== */
  --wise-ink:            #232019;  /* 본문 기본 잉크 */
  --wise-ink-2:          #454033;  /* 본문 보조 잉크 */
  --wise-muted:          #8C8574;  /* 흐린 텍스트 */
  --wise-muted-2:        #ABA492;  /* 가장 흐린 텍스트/placeholder */
  --wise-line:           #E6E0D0;  /* 기본 구분선 */
  --wise-line-soft:      #F1ECDF;  /* 옅은 구분선/칩 배경 */

  /* ===== Semantic — 상태 표시 전용 (장식·강조 용도 금지) ===== */
  --wise-success:        #1E7A4A;  --wise-success-soft: #E4F1E9;
  --wise-warning:        #B97E14;  --wise-warning-soft: #F8EEDC;
  --wise-error:          #BD4B32;  --wise-error-soft:   #F9E9E3;

  /* ===== Typography — Paperlogy(헤드라인) / Pretendard(본문·UI)
     볼드 축소: 800 미사용 · Display만 700 · 헤드라인 600 중심 ·
     라벨/버튼 500 · 본문 400. 강조는 굵기 대신 색(Deep)·크기로. ===== */
  --wise-font-head:      "Paperlogy", "Pretendard", sans-serif;
  --wise-font-body:      "Pretendard", "Pretendard Variable", -apple-system, sans-serif;
  --wise-type-display:   700 44px/1.15 var(--wise-font-head);   /* letter-spacing -0.02em · color: deep */
  --wise-type-h1:        600 32px/1.2  var(--wise-font-head);   /* letter-spacing -0.02em */
  --wise-type-h2:        600 24px/1.3  var(--wise-font-head);   /* letter-spacing -0.01em */
  --wise-type-h3:        600 18px/1.4  var(--wise-font-head);
  --wise-type-body:      400 15px/1.65 var(--wise-font-body);
  --wise-type-body-sm:   400 13.5px/1.6 var(--wise-font-body);
  --wise-type-caption:   400 12px/1.5  var(--wise-font-body);
  --wise-weight-label:   500;          /* 라벨·버튼 텍스트 */

  /* ===== Spacing — 8pt 그리드 ===== */
  --wise-space-1: 8px;
  --wise-space-2: 16px;
  --wise-space-3: 24px;
  --wise-space-4: 32px;
  --wise-space-6: 48px;
  --wise-space-8: 64px;

  /* ===== Radius ===== */
  --wise-radius-btn:  10px;   /* 버튼/입력 */
  --wise-radius-card: 14px;   /* 카드 */
  --wise-radius-pill: 999px;  /* 뱃지/태그 */

  /* ===== Shadow — 웜 톤 rgba(58,48,26), subtle 3단계 ===== */
  --wise-shadow-sm: 0 1px 2px rgba(58,48,26,.06);
  --wise-shadow-md: 0 1px 2px rgba(58,48,26,.05), 0 4px 16px rgba(58,48,26,.06);
  --wise-shadow-lg: 0 4px 8px rgba(58,48,26,.06), 0 12px 32px rgba(58,48,26,.09);

  /* ===== Focus ring ===== */
  --wise-ring-focus: 0 0 0 3px var(--wise-green-soft);   /* focus 시 */
  --wise-ring-error: 0 0 0 3px var(--wise-error-soft);   /* error 시 */
}