/* ==================== 1. 사이트 대표 색상 ==================== */
:root {--site-accent:#361bd2; --site-accent-hover:#25109b; --site-background:#fff; --site-surface:#fff; --site-on-accent:#fff; --site-text:#181824; --site-muted:#777783; --site-border:#e9e9ef; --site-pale:#f4f2ff;}
/* ==================== 2. 글꼴 ==================== */
:root {--site-font-body:'Noto Sans KR',Arial,sans-serif; --site-font-title:var(--site-font-body); --site-font-button:var(--site-font-body);}
/* ==================== 3. 버튼·카드 모양 ==================== */
:root {--site-button-radius:6px; --site-button-radius-large:calc(var(--site-button-radius) + 2px); --site-card-radius:12px; --site-card-radius-medium:calc(var(--site-card-radius) + 2px); --site-card-radius-large:calc(var(--site-card-radius) + 4px); --site-note-radius:8px;}
/* ==================== 4. 기존 공통 CSS와 연결 ==================== */
:root {--blue:var(--site-accent); --ink:var(--site-text); --muted:var(--site-muted); --line:var(--site-border); --pale:var(--site-pale);}
body.siteTheme {background:var(--site-background); color:var(--site-text); font-family:var(--site-font-body);}
.siteTheme h1,.siteTheme h2,.siteTheme h3,.siteTheme h4 {font-family:var(--site-font-title);}
.siteTheme button,.siteTheme .button,.siteTheme .rgIntroActions a,.siteTheme .rgContactButton,.siteTheme .siteHeaderPhone {font-family:var(--site-font-button);}
.siteTheme .button {border-radius:var(--site-button-radius);}
.siteTheme .button:hover {background:var(--site-accent-hover);}
.siteTheme .button.white {background:var(--site-surface); color:var(--site-accent);}
.siteTheme .product-card,.siteTheme .picker,.siteTheme .asset-image {border-radius:var(--site-card-radius);}
.siteTheme .contact {border-radius:var(--site-card-radius-medium);}
.siteTheme .tabs button,.siteTheme .siteHeader .siteHeaderPhone {border-radius:var(--site-button-radius);}
/* ==================== 5. 메인·헤더·푸터 색상 ==================== */
:root {--site-home-hero-bg:#f5f4fa; --site-home-featured-bg:#f5f2ff; --site-home-featured-border:#ddd5ff; --site-home-strip-bg:#f7f7fa; --site-home-strip-icon-bg:#ebe6ff; --site-home-orbit-bg:#e9e4ff; --site-home-orbit-border:#ddd5fc; --site-home-screen-ring:#a18bfa; --site-home-screen-label:#d8cfff; --site-home-screen-em:#c6b9ff; --site-home-star:#aea0fa; --site-home-dot:#afa1ff;}
:root {--site-header-border:#eeeef4; --site-header-logo-text:#061b44; --site-header-logo-subtext:#6552ae; --site-header-phone-border:#dedde9; --site-header-phone-text:#29324d;}
:root {--site-footer-text:#9b96a3; --site-footer-brand:#37323f; --site-footer-line:#f0edf4;}
.siteTheme .hero {background:var(--site-home-hero-bg);}
.siteTheme .product-0 {background:var(--site-home-featured-bg);}
.siteTheme .region-strip {background:var(--site-home-strip-bg);}
.siteTheme .strip-icon {background:var(--site-home-strip-icon-bg);}
.siteTheme .orbit-one {background:var(--site-home-orbit-bg);}
.siteTheme .orbit-two {border-color:var(--site-home-orbit-border);}
.siteTheme .tv-screen:after {border-color:var(--site-home-screen-ring);}
.siteTheme .screen-label {color:var(--site-home-screen-label);}
.siteTheme .tv-screen em {color:var(--site-home-screen-em);}
.siteTheme .art-star {color:var(--site-home-star);}
.siteTheme .product-dot {background:var(--site-home-dot);}
.siteTheme .mini-tv>span>span {color:var(--site-home-dot);}
.siteTheme .siteHeader {border-color:var(--site-header-border);}
.siteTheme .siteHeader .siteLogo {color:var(--site-header-logo-text);}
.siteTheme .siteHeader .siteLogoText small {color:var(--site-header-logo-subtext);}
.siteTheme .siteHeader .siteHeaderPhone {border-color:var(--site-header-phone-border);}
.siteTheme .siteHeader .siteHeaderPhone strong {color:var(--site-accent);}
.siteTheme .siteHeader .siteHeaderNav a:hover {color:var(--site-accent);}
.siteTheme .siteFooter {color:var(--site-footer-text);}
.siteTheme .siteFooter .footer-top .brand {color:var(--site-footer-brand);}
.siteTheme .siteFooter small {border-color:var(--site-footer-line);}
.siteTheme .product-0 {border-color:var(--site-home-featured-border);}
.siteTheme .siteHeader {background:var(--site-surface);}
.siteTheme .siteHeader .siteHeaderPhone {color:var(--site-header-phone-text);}
.siteTheme .picker,.siteTheme .router,.siteTheme .speed-chip,.siteTheme .floating-pill,.siteTheme .circle-arrow {background:var(--site-surface);}
/* ==================== 6. 지역 영역별 세부 색상 ==================== */
/* 상단 지역 안내 */
:root {--region-intro-bg:#f6f4ff; --region-intro-border:#ebe6fa; --region-intro-breadcrumb:#827a94; --region-intro-text:#706a7e; --region-intro-secondary-border:#dfd8f1; --region-intro-secondary-text:#393143; --region-intro-card-border:#e4ddf7; --region-intro-icon-bg:#f1edff; --region-intro-label:#8b829b; --region-intro-area-text:#7c738a; --region-intro-notice-border:#e1d8fa; --region-intro-notice-text:#75658f;}
/* 요금 비교 */
:root {--region-prices-caption:#847b91; --region-prices-border:#e4dfed; --region-prices-header-border:#e9e4f3; --region-prices-header-bg:#faf9fd; --region-prices-description:#887f96; --region-prices-featured-border:#b8a8f4; --region-prices-featured-bg:#f2edff; --region-prices-row-border:#eeeaf4; --region-prices-label:#766b85; --region-prices-name:#292330; --region-prices-period:#8c8199; --region-prices-meta:#8b8098; --region-prices-footnote:#8c8299;}
/* 가입 절차 */
:root {--region-steps-bg:#faf9fc; --region-steps-border:#efecf5; --region-steps-card-border:#e8e3ef; --region-steps-number-bg:#eee8ff; --region-steps-text:#857a93;}
/* 요금 적용 조건 */
:root {--region-terms-border:#e8e2f0; --region-terms-text:#81758f;}
/* 자주 묻는 질문 */
:root {--region-faq-link:#766a85;}
/* 가입 상담 */
:root {--region-contact-label:#c6bbff; --region-contact-text:#d5cbff; --region-contact-pending-border:#ffffff45; --region-contact-pending-text:#e3dbff;}
/* 모바일 고정 메뉴 */
:root {--region-quick-border:#e7e0f3; --region-quick-shadow:#24134912;}
/* ==================== 7. 사이트별 추가 디자인 ==================== */
/* 영역의 배치·여백·글자 크기는 _include/sections/의 해당 파일에서 수정합니다. */