/* =============================================
   깨비몰 화이트 테마 — 모든 페이지 공용
   이 파일 하나로 전체 사이트 톤 제어
   ============================================= */

:root {
    /* 기본 색상 */
    --c-primary: #0070f3;
    --c-accent: #00d4aa;
    --c-danger: #ef4444;
    --c-success: #22c55e;
    --c-warn: #f59e0b;

    /* 배경 (다크→라이트 매핑) */
    --c-bg: #ffffff;
    --c-bg-alt: #f8f9fa;
    --c-dark: #f5f5f5;
    --c-dark2: #ffffff;
    --c-surface: #ffffff;
    --c-surface2: #f8f9fa;
    --c-surface-alt: #f5f5f5;

    /* 텍스트 */
    --c-text: #222222;
    --c-text-muted: #555555;
    --c-text-dim: #888888;
    --c-muted: #666666;
    --c-dim: #999999;
    --c-white: #ffffff;

    /* 보더 */
    --c-border: #e0e0e0;

    /* 레이아웃 */
    --nav-h: 60px;
    --radius: 12px;
}

/* 기본 바디 */
body, body.sub-page { background: #fff !important; color: #222; }
html.sub-page { background: #fff; }

/* 네비바 */
#navbar, #navbar.scrolled { background: #fff !important; box-shadow: 0 1px 4px rgba(0,0,0,.08); height: var(--nav-h); }
.nav-brand img { filter: none !important; }
.nav-brand__text { color: #111 !important; }
.nav-link { color: #444 !important; }
.nav-link:hover, .nav-link.active { color: var(--c-primary) !important; }
.nav-cart, .nav-user__btn { color: #333 !important; }
.nav-sidebar-toggle span { background: #333 !important; }

/* 사이드바 */
.sidebar { background: #fff !important; color: #333; }
.sidebar__link, .sidebar__footer a { color: #333 !important; }
.sidebar__link:hover { color: var(--c-primary) !important; }
.sidebar__close { color: #333 !important; }
.sidebar__head { border-bottom: 1px solid #eee; }
.sidebar__head img { filter: none !important; }

/* 서브페이지 히어로 */
.page-hero { background: #f8f9fa !important; padding: 2rem 0 1.5rem; }
.page-hero::before { display: none !important; }
.page-hero h1 { color: #222 !important; }
.page-hero h1 span { color: var(--c-primary) !important; -webkit-text-fill-color: var(--c-primary) !important; background: none !important; }
.page-hero p { color: #666 !important; }
.page-hero__breadcrumb a { color: #888 !important; }
.page-hero__breadcrumb .current { color: #333 !important; }

/* 푸터 */
.site-footer { background: #fafafa !important; border-top: 1px solid #eee; color: #555; }
.footer-bottom { border-top: none; }

/* 어드민/대시보드 — topbar */
.topbar { background: #fff !important; border-bottom: 1px solid #e8e8e8 !important; }
.topbar h1 { color: #222; }
.topbar-links a { color: #666 !important; }
.topbar-links a:hover { color: var(--c-primary) !important; }

/* 어드민 — 테이블, 카드, 입력, 모달 */
.admin-table th { background: #f8f9fa; color: #333; border-bottom: 2px solid #e0e0e0; }
.admin-table td { border-bottom: 1px solid #f0f0f0; color: #333; }
.admin-table tr:hover td { background: #f8f9fa; }
input, select, textarea { color: #222; }

/* 로그인 박스 (admin 로그인) */
.login-box input { background: #f5f5f5 !important; border-color: #ddd !important; color: #222 !important; }