/**
 * CSS reset and base styles
 * Extracted from admin.css
 * Phase 1-4: Foundations separation
 */

* ::-webkit-scrollbar {
    width: var(--space-1);
    height: 9px;
}

* ::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: var(--space-0-5);
}

* ::-webkit-scrollbar-thumb {
    border-radius: var(--space-1);
    background-color: var(--color-gray-500);
}

html {
    font-size: var(--font-size-16); /* root 16px — 1rem = 16px (browser standard). 모든 rem 토큰이 의도한 px 값으로 계산됨 */
}

html, body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-size: var(--font-size-14); /* 14px — 관리자 패널 본문 기본 */
    line-height: var(--line-height-normal); /* [Phase 7] 1.5 — 'normal'(~1.2) → 명시적 1.5 (NN Group 가독성 기준) */
    text-underline-offset: 3px;
    /* T697 (2026-05-11) — Asia 제거 (한국어 두꺼움 본질 원인).
       T699 (2026-05-11) — Pretendard → Spoqa Han Sans Neo 전환 (사용자 명시 "Pretendard 취향 안 맞음, 고급 재설계"). */
    font-family: 'Spoqa Han Sans Neo','Malgun Gothic',sans-serif!important;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-stretch: normal;
    /* T695 (2026-05-11) ROLLBACK — T684 antialiased Win Chrome ClearType 비활성화 역효과 발견.
       사용자 재신고 "bold 전체적 너무 두껍게 + 한글 자모 뭉개짐" → Win Chrome 환경에서 antialiased 가 ClearType subpixel rendering 손실시켜 자모 stem 두께 그대로 노출.
       self_seller (smoothing=auto, 사용자 96.95/S) cross-port 정합 → body smoothing 룰 제거. OS/Browser default rendering 의존. */
}

/* Link reset */
a {
    text-decoration: none;
    color: var(--color-gray-900);
}
form,p {margin: 0;}

/* Heading reset — Bootstrap h2(2rem=32px) > H1(26px) 역전 방지
   Admin panel 타입 스케일: H1(26px) > H2(20px) > H3(16px) > H4~H6(14px) */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin: 0;}
h1 { font-size: var(--font-size-3xl, 1.5rem); }       /* 24px — page title */
h2 { font-size: var(--font-size-2xl, 1.25rem); }       /* 20px — section header */
h3 { font-size: var(--font-size-xl, 1.125rem); }       /* 18px — subsection */
h4 { font-size: var(--font-size-lg, 1rem); }            /* 16px */
h5, h6 { font-size: var(--font-size-base, 0.875rem); }  /* 14px */