/**
 * base.css — 전역 기본값 (2026-09-14)
 * =============================================================================
 * 왜 있는가
 *   29개 페이지가 **같은 전역 규칙을 각자 복사해** 갖고 있었다:
 *     *, *::before, *::after { margin:0; padding:0; box-sizing:border-box }   ← 28개 페이지 (+calendar.css)
 *     body { font-family: 'Plus Jakarta Sans'…; background: var(--paper); color: var(--ink); line-height: 1.6 }  ← 18개 페이지가 **글자 단위로 동일**
 *     a { color: inherit; text-decoration: none }                            ← 19개 페이지
 *   값이 갈라진 적도 있다(`*` 만 쓰는 페이지 7개, `a` 리셋이 아예 없는 페이지 5개).
 *   → 전역 기본값은 여기서만 정의한다.
 *
 * 순서
 *   tokens.css → **base.css** → controls.css → (leaflet.css) → 페이지 CSS
 *   · body 가 var(--paper) / var(--ink) 를 쓰므로 tokens.css 보다 뒤여야 한다.
 *   · 페이지 <style> 은 모든 <link> 뒤에 오므로 **페이지 고유 값이 항상 이긴다**
 *     (예: index 는 line-height 1.7, showcase 는 background: var(--bg-base),
 *      security* 는 다크 팔레트 — 그 페이지 규칙이 그대로 우선한다).
 *
 * 여기 넣지 않은 것 (중복이지만 값이 갈려 있어 별도 결정 필요)
 *   img { max-width: 100% }                        ← 4개 페이지만 있음. 전역으로 넣으면 나머지 25개
 *                                                    페이지의 이미지 크기가 바뀌므로 보류
 *   button / input 의 font-family: inherit         ← 페이지마다 다름
 *   :focus-visible 아웃라인                         ← 1개 페이지만 정의(캘린더) — 전역 확대는 별도 판단
 * =============================================================================
 */

/* ===== 전역 리셋 ===== */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

/* ===== 기본 타이포 (18개 페이지가 동일하게 복사해 갖고 있던 값) ===== */
body {
  font-family: 'Plus Jakarta Sans', 'Noto Sans KR', -apple-system, 'Segoe UI', sans-serif;
  background: var(--paper);
  color: var(--ink);
  line-height: 1.6;
}

/* ===== 링크 기본값 =====
   밑줄은 기본으로 끄고, 색은 주변 글씨를 따라간다. 밑줄이 필요한 곳
   (.notice-detail-content a 등)은 페이지가 명시적으로 켠다. */
a { color: inherit; text-decoration: none; }