/**
 * 고양특례시걷기연맹 — 디자인 토큰 (Step 7)
 * Bootstrap 5 변수와 함께 사용
 */
:root {
    --gywf-brand: #198754;
    --gywf-brand-dark: #146c43;
    --gywf-brand-light: #d1e7dd;
    --gywf-accent: #0d6efd;
    --gywf-text: #383838;
    --gywf-text-muted: #6c757d;
    --gywf-surface: #f8f9fa;
    --gywf-surface-elevated: #ffffff;
    --gywf-border: #e3e5e8;
    --gywf-footer-bg: #212529;
    --gywf-header-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    --gywf-radius: 0.75rem;
    --gywf-radius-lg: 1.25rem;
    --gywf-radius-xl: 1.5rem;
    --gywf-font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    /* 고령 이용자 가독성: 브라우저 기본(보통 16px) 대비 ~19px. 조직도는 organization.css에서 별도 고정 */
    --gywf-root-font-size: 118.75%;
    --gywf-body-line-height: 1.65;
    --gywf-container-max: 1140px;
    --gywf-hero-height: 220px;
    --gywf-hero-height-lg: 280px;

    /* Bootstrap 5 전역 폰트 — Pretendard 우선 */
    --bs-font-sans-serif: var(--gywf-font-sans);
    --bs-body-font-family: var(--gywf-font-sans);
    --bs-btn-font-family: var(--gywf-font-sans);
}

html {
    font-family: var(--gywf-font-sans);
    font-size: var(--gywf-root-font-size);
}

body {
    font-family: var(--gywf-font-sans);
    color: var(--gywf-text);
    line-height: var(--gywf-body-line-height);
}

button,
input,
optgroup,
select,
textarea,
.form-control,
.btn,
.dropdown-menu,
.nav-link {
    font-family: inherit;
}
.site-header .main-nav-menu .nav-link,
.site-header .btn-gywf-cta,
.site-header .site-header-auth a {
    font-family: var(--gywf-font-sans);
}