/* 기본 CSS 초기화 (Reset) */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit; /* or 지정된 링크 색상 */
}

/* fonts.css 로드 */
@import url('/shared_static/css/fonts.css');





/* 유틸리티 클래스 */
.font-thin { font-weight: 100; }
.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 900; }



:root {
  --color-main-blue: #5A81FA;
  --color-accent-blue: #2C3D8F;
  --color-text-main: #1F1F1F;
  --color-text-sub1: #6A6E83;
  --color-text-sub2: #A8B1CE;
  --color-background: #F8F9FD;
  --color-bg-light-blue1: #CDDEFF;
  --color-bg-light-blue2: #F2F5FF;
  --color-bg-white: #FFFFFF;
  --color-danger: #FF3365;
  --color-danger-hover: #ED1C24;
  --color-success: #28A745;
  --color-success-hover: #218838;
}


:root {
  /* 기준 폰트 크기 (모바일 우선) */
  font-size: 14px; 

  /* 폰트 크기 변수 (타이포그래피 스케일) */
  --text-xxl: 3rem;     /* 42px */
  --text-xl: 2.5rem;    /* 35px */
  --text-lg: 2rem;      /* 28px */
  --text-md: 1.5rem;    /* 21px */
  --text-base: 1rem;    /* 14px (기본) */
  --text-sm: 0.875rem;  /* 12.25px */
}

/* 전역 폰트 설정 */
body {
    font-family: 'Pretendard', -apple-system, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: var(--text-base);
}


h1 { font-size: var(--text-xxl); font-weight: 800; margin-bottom: 1.5rem; }
h2 { font-size: var(--text-xl); font-weight: 700; margin-bottom: 1.25rem; }
h3 { font-size: var(--text-lg); font-weight: 600; }
h4 { font-size: var(--text-md); font-weight: 500; }
h5 { font-size: var(--text-base); font-weight: 500; }
h6 { font-size: var(--text-sm); font-weight: 500; }



/* 태블릿 (768px 이상) */
@media (min-width: 768px) {
  :root {
    font-size: 15px;
    --text-xxl: 3rem;   /* 45px */
    --text-xl: 2.25rem; /* 33.75px */
  }
}

/* 데스크톱 (1024px 이상) */
@media (min-width: 1024px) {
  :root {
    font-size: 16px;
    --text-xxl: 3.5rem; /* 56px */
    --text-xl: 2.5rem;  /* 40px */
  }
}

/* 와이드 데스크톱 (1440px 이상) */
@media (min-width: 1440px) {
  :root {
    --text-xxl: 4rem; /* 64px */
  }
}