/**
 * 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-lg); /* root 16px — 1rem = 16px (browser standard). 모든 rem 토큰이 의도한 px 값으로 계산됨 */
}

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

body {
    font-size: var(--font-size-base); /* 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 취향 안 맞음, 고급 재설계").

       ⚠️ 이 한 줄이 본문 서체의 잠금이다. 토큰(var(--font-family-base))으로 바꾸지 말 것.
       바꾸면 토큰을 재정의하는 누구든(스킨 포함) 본문 서체를 갈아끼울 수 있게 되는데,
       그게 정확히 T699 가 막은 것이다. `!important` 는 config/utility-important-inventory.json 에
       classification: intentional-utility-compatibility · owner: shared-utility-compatibility-layer
       로 등록돼 있다(2026-09-14 실측: 이 값을 토큰으로 바꾸면 verify:design-system:task16-important-inventory
       가 FAIL 하고 원장 재캡처를 부른다).

       토큰 층은 죽지 않았다 — 서체 축은 셋으로 갈려 있고 본문만 잠겨 있다.
         --font-family-base    본문(여기서 잠금)
         --font-family-display 'Inter Tight' → h1~h3·page/section/modal/popup/card 제목 (T700)
         --font-family-mono    'JetBrains Mono' → .kpi-value·.cell-amount 등 15파일
       셋 다 adm/fonts/ 에 self-host 돼 있다. 서체를 바꾸고 싶으면 display·mono 를 건드려라.
       본문을 바꾸는 것은 T699 를 다시 여는 일이고 사용자 결정이다.

       스택 꼬리가 토큰과 다른 것은(-apple-system 등 3종 없음) 의도 여부가 기록돼 있지 않다.
       Spoqa 가 self-host 라 실제로는 도달하지 않는 구간이다. */
    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 */