/* ============================================
   CSS Design Tokens - 법인설립지원센터 파트너스
   ============================================ */

:root {

  /* ==========================================
     컬러 시스템
     ========================================== */

  /* Primary */
  --color-primary:         #3972DF;
  --color-primary-dark:    #153B84;
  --color-primary-deeper:  #07142C;
  --color-primary-light:   #E9EFFB;
  --color-primary-lightest:#F2F7FF;

  /* Neutral */
  --color-white:     #FFFFFF;
  --color-gray-50:   #FAFAFA;
  --color-gray-100:  #F2F4F7;
  --color-gray-200:  #CFD5DE;
  --color-gray-300:  #B1BBC9;
  --color-gray-400:  #93A0B4;
  --color-gray-500:  #5C6D85;
  --color-gray-600:  #323B49;
  --color-gray-900:  #212121;

  /* Accent */
  --color-accent-green: #22C55E;
  --color-accent-amber: #F59E0B;
  --color-accent-red:   #EF4444;

  /* Brand */
  --color-kakao:      #FEE500;
  --color-kakao-text: #191919;


  /* ==========================================
     그라디언트
     ========================================== */

  --gradient-hero: linear-gradient(135deg, #07142C 0%, #153B84 50%, #3972DF 100%);
  --gradient-cta:  linear-gradient(135deg, #3972DF 0%, #153B84 100%);
  --gradient-card: linear-gradient(180deg, #F2F7FF 0%, #FFFFFF 100%);
  --gradient-dark: linear-gradient(180deg, #07142C 0%, #0F2347 100%);


  /* ==========================================
     타이포그래피
     ========================================== */

  --font-primary: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  --font-hero:    'Paperlogy', 'Pretendard Variable', 'Pretendard', sans-serif;
  --font-number:  'Montserrat', sans-serif;


  /* ==========================================
     스페이싱 시스템 (8px 기반)
     ========================================== */

  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  28px;
  --space-8:  32px;
  --space-9:  36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;
  --space-22: 88px;
  --space-24: 96px;

  /* 섹션 패딩 */
  --section-padding-pc:     120px 0;
  --section-padding-mobile: 80px 0;

  /* 컨테이너 */
  --container-max:     1200px;
  --container-padding: 0 24px;


  /* ==========================================
     Border Radius
     ========================================== */

  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-full: 9999px;


  /* ==========================================
     그림자
     ========================================== */

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.10), 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.12), 0 8px 24px rgba(0, 0, 0, 0.08);

  /* Primary 색상 그림자 */
  --shadow-primary: 0 8px 24px rgba(57, 114, 223, 0.35);


  /* ==========================================
     트랜지션
     ========================================== */

  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;


  /* ==========================================
     Z-index 레이어
     ========================================== */

  --z-base:     1;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    300;
  --z-toast:    400;


  /* ==========================================
     헤더
     ========================================== */

  --header-height-pc:     72px;
  --header-height-mobile: 60px;

}