@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

:root {
  /* Colors */
  --color-bg: #0A0A0A;
  --color-cream: #F5F1EA;
  --color-camel: #8B6F47;
  --color-text-on-dark: #F5F1EA;
  --color-text-on-light: #1A1A1A;
  --color-text-muted: #888888;
  --color-line: rgba(245, 241, 234, 0.15);
  --color-line-light: rgba(26, 26, 26, 0.1);
  --color-kakao: #FEE500;
  --color-kakao-text: #191600;

  /* Typography */
  --font-display-en: 'Cormorant Garamond', serif;
  --font-display-kr: 'Noto Serif KR', serif;
  --font-body: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;

  --text-hero: clamp(1.75rem, 5vw, 3rem);
  --text-h2: clamp(1.75rem, 5vw, 3rem);
  --text-h3: clamp(1.25rem, 3vw, 1.75rem);
  --text-body: clamp(0.95rem, 2vw, 1.05rem);
  --text-small: 0.85rem;
  --text-eyebrow: 0.75rem;

  /* Spacing */
  --space-section: clamp(5rem, 10vw, 9rem);
  --space-md: clamp(1.5rem, 4vw, 3rem);

  /* Transitions */
  --transition-base: 0.6s ease;
  --transition-slow: 0.8s ease;
}