@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

:root {
  --font-primary: 'Red Hat Display', sans-serif;
  --font-inter: 'Inter', sans-serif;
  --color-primary: #00A8BA;
  --color-secondary: #0074E8;  
  --color-blac80: #4F5658; 
  --color-blac90: #4F5658; 
  --color-black100: #020D0F;         
  --color-red: #FF0000;
  --color-white: #fff;
  --color-gray: #B5B7B7;
  --color-gray-05: #e5e5e5;
  --color-gray-10: #E6E7E7;
  --color-gray-20: #EDEEEE;
  --color-gray-21: #D0D2D2;
  --color-black: #000;
  --color-blackh2: #040E10;
  --color-sub-p: #424F51;
  --color-arrow: #2DA5B7;
  --color-serve: #F7F9FA;
  --color-footer: #808687;

  /* 2. 폰트 크기 (PC 기준) */
  --font-size-h1: 64px;
  --font-size-p: 18px;
  --font-size-nav: 16px;
  --font-size-13: 13px;
  --font-size-15: 15px;

  /*  폰트 굵기 (PC 기준) */
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;

  /*  간격 및 곡률 */
  --container-width: 1200px;
  --header-height: 80px;
  --radius-btn: 10px;
  --section-space: 100px;

  --base-w: 1280px;
  --base-h: 590px;
  --mobile-min-h: 400px; /* 모바일에서 지구본 최소 높이 */

  --stack-card-width: 480px;
  --stack-card-height: 320px;
  --bg-color: #0b0f17;
  --base-width: 1280px;
  --start-height: 1476px;
  --end-height: 935px;
  --line-color: rgba(255, 255, 255, 0.2);
  --active-color: #2dd4bf;
}