/* ===================================================================
   base.css - 기본 스타일
   리셋, 타이포그래피, 기본 요소
   =================================================================== */

/* Global font smoothing */
html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Font smoothing 유틸리티 */
.antialiased { 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}
.subpixel { 
    -webkit-font-smoothing: auto; 
    -moz-osx-font-smoothing: auto; 
}

/* CSS 리셋 및 기본 설정 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Typography reset - HTML 태그 스타일 최소화 */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

/* Links */
a {
    color: var(--text-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

html {
    font-size: var(--font-size-base);
    scroll-behavior: smooth;
    background-color: var(--bg-primary);
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    scrollbar-gutter: stable;
}

body {
    font-family: var(--font-family-regular);
    line-height: var(--line-height-loose);
    color: var(--text-primary);
    background-color: var(--bg-primary);
    font-feature-settings: "kern" 1, "liga" 1, "clig" 1, "calt" 1;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    font-optical-sizing: auto;
    overflow-x: hidden;
}

/* 기본 HTML 태그 스타일 */
p {
    margin-bottom: var(--spacing-md);
}

a:hover {
    color: var(--accent-primary);
}

/* 이미지 */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 리스트 */
ul, ol {
    list-style: none;
}

/* 버튼 기본 스타일 */
button {
    border: none;
    background: none;
    cursor: pointer;
    font-family: inherit;
}

/* 입력 필드 */
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
}

/* 포커스 스타일 완전 제거 */
*:focus,
*:focus-visible,
*:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

/* 헤딩, 바디, 라벨, 디스플레이 스타일은 design-system.css에서 관리됨 */