@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap");

:root {
  --azure-radiance: #0083ff1f;
  --black: #000000;
  --blue-bayoux: #4a5578;
  --blue-jeans: #53b0fd;
  --cerulean: #05aed4;
  --cinnabar: #f04437;
  --cinnabar-2: #f044371a;
  --coconut: #fcfcfd;
  --cyan--aqua: #00e5ff80;
  --dodger-blue: #2e90fa;
  --fiord: #404968;
  --geyser: #dcdfea;
  --green: #17b169;
  --green-2: #17b26a1a;
  --heather: #4b5a72; /* [UPDATE] 색상 수정 */
  --magenta--fuchsia: #cc00ff14;
  --supernova: #ffc70080;
  --supernova-2: #ffc70059;
  --west-side: #f79009;
  --west-side-2: #f790091a;
  --white: #ffffff;
  --white-2: #ffffff66;
  --white-3: #ffffff33;
  --wild-blue-yonder: #7d89af;

  --text-color: #192235; /* [UPDATE] 색상 추가 */
  --border-color: #d1d5db; /* [UPDATE] 색상 추가 */
  --th-color: #e6f3fe; /* [UPDATE] 색상 추가 */
  --box-shadow: 0 4px 16px rgba(184, 190, 195, 0.3); /* [UPDATE] 색상 추가 */

  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 18px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 50px;

  --font-family-orbitron: "Orbitron", Helvetica;
  --font-family-paperlogy-6semibold: "Paperlogy-6SemiBold", Helvetica;
  --font-family-pretendard-medium: "Pretendard-Medium", Helvetica;
  --font-family-pretendard-regular: "Pretendard-Regular", Helvetica;
  --font-family-pretendard-semibold: "Pretendard-SemiBold", Helvetica;
}
.fonth4---sb {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.fontt1---sb {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.24px;
}

.fontt1---m {
  font-family: var(--font-family-pretendard-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.24px;
}

.fontt1---r {
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.24px;
}

.fontt3---sb {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.21px;
}

.fontt3---r {
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.21px;
}

.fontt4---sb {
  font-family: var(--font-family-pretendard-semibold);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.18px;
}

.fontt4---r {
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.18px;
}

.regular16 {
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.pretendard-regular-normal-heather-12px {
  color: var(--heather);
  font-family: var(--font-family-pretendard-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.orbitron-normal-white-50px {
  color: #1e3a5f; /* [UPDATE] 색상 수정 */
  font-family: var(--font-family-orbitron);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.orbitron-normal-white-15px {
  color: var(--white);
  font-family: var(--font-family-orbitron);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
}