/* =============================================================================
 * modoosky.com — 사이트 디자인 CSS  (daisyUI 테마용 사이트 오버라이드)
 * 이 파일은 theme/daisyui 의 head.def.php 가 항상 "맨 마지막(order 10)" 으로 로드한다.
 * → 여기 규칙이 테마의 모든 CSS 를 이긴다. theme/daisyui 폴더는 절대 수정하지 않는다.
 *   (자세한 규약: theme/daisyui/STYLE.md)
 *
 * ── 디자인 컨셉 (모두스카이 — 스카이차 매칭 서비스) ───────────────────────────
 *  · 톤 & 무드 : 신뢰감 있는 프리미엄. 홈페이지(webroot main.php)와 동일한 아이덴티티.
 *  · 주조색    : Deep Navy   #0f2747   (primary)
 *  · 보조색    : Navy 계열   #294b7a   (secondary)
 *  · 강조색    : Refined Gold #b88a3c  (accent)
 *  · 배경/표면 : #ffffff / #f4f6fa / #e5e9f1,  본문 텍스트 #0b1426
 *  · 라운드    : box 1rem / field 0.625rem / selector 0.5rem,  border 1px, depth 1
 *  · 타이포    : Pretendard, letter-spacing -0.01em
 * ── 유지보수 메모 ──────────────────────────────────────────────────────────
 *  홈(main.php)의 인라인 <style> 토큰([data-theme="modoosky"])을 이 파일이 게시판·쇼핑·
 *  회원 페이지에 동일하게 이식한 것. 홈 브랜드가 바뀌면 아래 토큰도 함께 갱신한다.
 * =========================================================================== */

/* Pretendard — 홈과 동일 폰트 (Google Fonts 는 Pretendard 를 호스팅하지 않으므로 공식 CDN 사용) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@latest/dist/web/static/pretendard.min.css");

/* ── 1순위: daisyUI 디자인 토큰 재정의 (테마 마크업이 시맨틱 클래스만 쓰므로 대부분 여기서 끝) ──
 * 테마 <html> 은 data-theme="light" 로 고정 → 같은 앵커로 재정의(로드 순서상 이 파일이 이김). */
:root,
[data-theme="light"] {
    color-scheme: light;

    --color-base-100: #ffffff;   /* 표면(카드) */
    --color-base-200: #f4f6fa;   /* 본문 배경 */
    --color-base-300: #e5e9f1;   /* 보더/구분선 */
    --color-base-content: #0b1426;

    --color-primary: #0f2747;            /* Deep navy */
    --color-primary-content: #ffffff;
    --color-secondary: #294b7a;
    --color-secondary-content: #ffffff;
    --color-accent: #b88a3c;             /* Refined gold */
    --color-accent-content: #ffffff;
    --color-neutral: #0b1426;
    --color-neutral-content: #ffffff;

    --color-info: #3b6cb4;
    --color-info-content: #ffffff;
    --color-success: #2f7d54;
    --color-success-content: #ffffff;
    --color-warning: #c08a2b;
    --color-warning-content: #ffffff;
    --color-error: #b84545;
    --color-error-content: #ffffff;

    --radius-selector: 0.5rem;
    --radius-field: 0.625rem;
    --radius-box: 1rem;
    --size-selector: 0.25rem;
    --size-field: 0.25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
}

/* ── 타이포 ── */
html { scroll-behavior: smooth; }
body {
    font-family: 'Pretendard', system-ui, -apple-system, 'Segoe UI', sans-serif;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── 2순위: 안정 앵커 보강 — 홈(main.php) 헤더와 동일한 반투명 톤을 게시판 헤더에도 적용 ──
 * 앵커: #site-header(상단 navbar), #site-main(<main>), #site-footer(푸터), #site-drawer(모바일 메뉴) */
#site-header {
    background-color: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--color-base-200);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
/* 헤더 컨테이너·버튼 진한 본문색(비활성 메뉴 글자는 여기서 상속). */
#site-header,
#site-header button { color: var(--color-base-content); }

/* ── 상단 nav(#site-header) active 색만 테마 primary 로 ──
 * daisyUI 기본 pill 구조는 그대로 두고, 현재 페이지(active) pill 색만 테마 색으로 바꾼다.
 * (daisyUI 기본은 neutral=진한 회색 계열이라 테마와 안 맞음 → primary 로 통일)
 * 모두스카이 primary = 딥 네이비 #0f2747, 글자는 primary-content(흰색). */
#site-header .menu {
    --menu-active-bg: var(--color-primary);
    --menu-active-fg: var(--color-primary-content);
}

/* ── 로고: 루트 /logo.svg 사용 ──
 * 테마 head.php·tail.sub.php 는 /img/logo.png 를 <img> 로 렌더한다(테마 파일은 수정 금지).
 * → CSS content 로 표시 이미지만 SVG 로 교체. 헤더·푸터 모두 bg-base-100(흰색)이라 네이비 로고가 잘 보인다.
 * (h-10/h-8 높이는 그대로 유지되고 폭은 SVG 비율(1003×211)로 자동 계산됨) */
#site-header img[src$="/logo.png"],
#site-footer img[src$="/logo.png"] { content: url("/logo.svg"); }

/* ── 폼 포커스 결 (홈과 동일) ── */
#site-main .input:focus,
#site-main .textarea:focus,
#site-main .select:focus {
    box-shadow: 0 0 0 4px rgba(15, 39, 71, 0.10);
    border-color: var(--color-primary);
}

/* ── 접근성 ── */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}
