:root {
  --bg-color-primary-green: #274637;

  --bg-color-primary-orange: #a35d01;

  --bg-color-primary-deep-blue: #00004e;
  --bg-color-primary-teal: #094a5b;
  --bg-color-primary-purple: #3d006a;
  --bg-color-primary-brown: #5c1d1d;

  --color-black: #000000;
  --color-dark: #1a1a1a;
  --color-gray-dark: #4a4a4a;
  --color-gray: #7a7a7a;
  --color-gray-light: #e0e0e0;
  --color-white: #ffffff;
  --color-light-brown: #dcd5d0;
  --color-primary-teal: #66999b;
  --color-primary-dark-teal: #094a5b;
  --color-primary-green: #274637;
  --color-primary-blue: #005377;
  --color-primary-sky-blue: #125e9f;
  --color-primary-purple: #7650a8;
  --color-primary-yellow: #b29652;

  /* 간격 시스템 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* 폰트 크기 */
  --font-xs: 12px;
  --font-sm: 14px;
  --font-base: 16px;
  --font-lg: 18px;
  --font-xl: 20px;
  --font-2xl: 24px;
  --font-3xl: 32px;
  --font-4xl: 40px;

  /* 브레이크포인트 */
  --mobile: 640px;
  --tablet: 768px;
  --desktop: 1024px;
  --wide: 1280px;
}