@import url("../../css/user/font.css");

/* ========== reset ========== */

/* 1) 박스사이징 통일 */
*,
*::before,
*::after { 
  box-sizing: border-box; 
}

/* 2) 기본 여백 초기화(텍스트/블록) — 특이성 0로 안전하게 */
:where(body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd) { 
  margin: 0; 
}
/* 리스트: 마커는 유지, 여백만 리셋 */
:where(ul,
ol) { 
  margin: 0; padding: 0; list-style: none; 
}

/* 3) 타이포 기본 & 뷰포트 보정 */
html { 
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
body {
  min-height: 100vh; line-height: 1.5;
}

a {
  text-decoration: none; /* 링크 밑줄 제거 */
  color: inherit; /* 부모 요소의 색상 상속 */
}

/* 5) 미디어: 컨테이너에 맞춰 유연하게 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}
img,
video { height: auto; }

/* 6) 폼: 폰트만 상속(외형은 브라우저 기본 유지로 접근성 확보) */
:where(button,
input,
textarea,
select) { 
  font: inherit; color: inherit;
}
button { 
  cursor: pointer;
}
textarea {
  resize: vertical;
}

/* 7) 표 기본 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 8) 자잘한 요소 정비 */
[hidden] { 
  display: none !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
abbr[title] { 
  text-decoration: underline dotted;
}
hr { 
  border: 0;
  border-top: 1px solid currentColor;
  opacity: .2;
}
:where(sub),
:where(sup) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { 
  top: -0.5em;
}
sub { 
  bottom: -0.25em;
}

/* 9) 포커스: 브라우저 기본 아웃라인을 존중(삭제 금지) */
/* 필요 시 프로젝트용 포커스 스타일은 base.css에서 :focus-visible로 정의 */

/* 10) 사용자 모션 최소화 선호 시 애니메이션 약화 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ========== variable ========== */

:root {
  --font-ko: 'Pretendard', 'Noto Sans KR', sans-serif;
  --header-height: 100px;
  --font-en: 'Urbanist', sans-serif;
  --page-padding-x: 60px;
}

.en {
  font-family: var(--font-en);
}