/* ============================================================
   Global CSS - 갈더마 정품인증 공통 변수 및 기본 스타일
   ============================================================ */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

* {
    font-family: 'Pretendard';
}
body {
  margin: 0;
  line-height: normal;
}

:root {
  /* === 색상 변수 === */
  --color-darkslateblue: #021d45;       /* 레스틸렌 버튼 배경 (네이비) */
  --color-darkslategray: #2f2f2f;       /* 푸터 배경 */
  --color-gray-100: #252525;            /* 기본 텍스트 색상 */
  --color-gray-200: rgba(255, 255, 255, 0.2);  /* 구분선 색상 */
  --color-gray-300: rgba(255, 255, 255, 0.3);  /* 푸터 구분선 */
  --color-gray-400: rgba(255, 255, 255, 0.6);  /* 푸터 일반 텍스트 */
  --color-gray-500: rgba(255, 255, 255, 0.5);  /* 헤더 구분자 */
  --color-gray-600: rgba(255, 255, 255, 0.7);  /* 헤더 링크 텍스트 */
  --color-lavenderblush: rgba(255, 222, 239, 0.05); /* 헤더/갈더마 카드 배경 */
  --color-mediumvioletred: #9f125d;     /* 스컬트라 버튼 배경 (핑크/마젠타) */
  --color-white: #fff;                  /* 흰색 */
  --color-whitesmoke: #f2f2f4;          /* 레스틸렌 섹션 배경 */

  /* === 패딩 변수 === */
  --padding-0: 0px;
  --padding-20: 20px;
  --padding-30: 30px;
  --padding-36: 36px;

  /* === 폰트 패밀리 === */
  --font-pretendard: Pretendard;

  /* === 폰트 크기 === */
  --fs-10: 10px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-36: 36px;

  /* === 고정 크기 === */
  --height-1: 1px;
  --height-28: 28px;

  /* === 라인 높이 === */
  --lh-24: 24px;
  --lh-28: 28px;
}