@charset "utf-8";

:root {
  /* ── Colors - Default ── */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* ── Colors - Primary ── */
  --color-primary-50:  #E0DDD0;
  --color-primary-100: #D8D4C6;
  --color-primary-200: #B5B09A;
  --color-primary-400: #7A7650;
  --color-primary-600: #5E5A39;
  --color-primary-800: #3D3820;

  /* ── Colors - Neutral ── */
  --color-neutral-100: #F0EEE9;
  --color-neutral-200: #E7E4DB;
  --color-neutral-300: #D9D4C6;
  --color-neutral-400: #CBC5B2;

  /* ── Typography ── */
  --font-base:    'Pretendard', 'Helvetica Neue', sans-serif;
  --font-display: 'Outfit', sans-serif;
  --font-accent:  'Figtree', sans-serif;

  /* ── Spacing ── */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 64px;

  /* ── Breakpoints (참조용 — media query 안에서는 직접 사용 불가) ── */
  --bp-mobile: 375px;
  --bp-tablet: 768px;

  /* ── Animation ── */
  --ease-slide: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-fade: ease;
}