:root {
  /* === 컬러 (Hybrid 톤: DARK + 우드톤 + CREAM + ORANGE) === */
  --color-dark:   #141414;
  --color-cream:  #F4E5D9;
  --color-orange: #DA7756;
  --color-wood-1: #C99B6F;
  --color-wood-2: #A87E54;
  --color-stage-understand: #5B9BD5;
  --color-stage-apply:      #7AC74F;
  --color-stage-develop:    #DA7756;

  /* === 폰트 === */
  --font-display: 'Pretendard Variable', -apple-system, sans-serif;
  --font-handwriting: 'Cafe24 Ssurround', cursive;

  --fs-hero: clamp(48px, 6vw, 100px);
  --fs-title: 28px;
  --fs-body: 16px;
  --fs-caption: 13px;

  /* === 사이즈 (PC 기준) === */
  --desk-w: 1440px;
  --desk-h: 900px;
  --bug-size: 48px;
  --object-size: 96px;
  --zone-radius: 24px;

  /* === 그림자 === */
  --shadow-warm: 0 12px 28px rgba(218, 119, 86, 0.18);
  --shadow-deep: 0 20px 40px rgba(20, 20, 20, 0.35);
  --shadow-soft: 0 4px 8px rgba(20, 20, 20, 0.10);

  /* === 모션 === */
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.27, 1.55);
  --dur-fast: 0.2s;
  --dur-base: 0.3s;
}

@media (max-width: 768px) {
  :root {
    --bug-size: 40px;
    --object-size: 72px;
  }
}