:root{
    /* 중고차팩토리 로고의 밝은 블루(#0080D0 계열)와 딥블루(#003080~#07539A 계열)를 기준으로 구성 */
    --tc-accent:#0078c8;
    --tc-accent-brand-alt:#0a84d4;
    --tc-accent-text-alt:#006db8;
    --tc-accent-hero-mobile:#0a84d4;
    --tc-accent-strong:#006ab6;
    --tc-accent-media:#0080d0;
    --tc-accent-media-strong:#0064ae;
    --tc-accent-text:#006db8;
    --tc-accent-text-2:#005fa8;
    --tc-accent-dark:#07539a;
    --tc-accent-dark-2:#064a88;
    --tc-accent-dark-3:#05447d;
    --tc-accent-hover:#0065ae;
    --tc-accent-hover-deep:#00508c;
    --tc-accent-hot:#1091e0;
    --tc-accent-price:#0064ae;
    --tc-accent-on-dark-soft:#a8dfff;
    --tc-dark-deep-2:#1d2026;
    --tc-accent-hero:#1091e0;
    --tc-accent-price-alt:#0064ae;
    --tc-accent-price-alt-2:#005aa0;
    --tc-accent-price-alt-3:#0068b3;
    --tc-accent-ribbon-alt:#006ab6;
    --tc-accent-light:#8fd5ff;
    --tc-accent-light-2:#67c2f5;
    --tc-accent-option:#07539a;
    --tc-accent-option-border:#9ed3f2;
    --tc-accent-option-text:#054b88;
    --tc-accent-badge:#0b86d5;
    --tc-accent-hover-alt:#00508c;
    --tc-accent-label:#59baf0;
    --tc-accent-focus:#3ca9e8;
    --tc-accent-submit-hover:#005fa8;
    --tc-accent-cta-hover:#0065ae;
    --tc-accent-view-dark:#054b88;
    --tc-accent-view-soft:#eff8fe;
    --tc-accent-view-border:#9ed3f2;
    --tc-accent-view-border-2:#86c6ea;
    --tc-accent-view-bg:#f8fcff;
    --tc-dark-content:#2a2e36;
    --tc-subhero-rgb:247,248,250;
    --tc-accent-status:#0063ad;
    --tc-accent-rgb:0,120,200;
    --tc-accent-strong-rgb:0,106,182;
    --tc-accent-soft-0:#eef8ff;
    --tc-accent-soft-1:#f0f9ff;
    --tc-accent-soft-2:#f1f9ff;
    --tc-accent-soft-3:#f3faff;
    --tc-accent-soft-4:#f4faff;
    --tc-accent-soft-5:#f5fbff;
    --tc-accent-soft-6:#f6fbff;
    --tc-accent-soft-7:#f7fcff;
    --tc-accent-soft-8:#f8fcff;
    --tc-accent-soft-9:#f9fdff;
    --tc-dark:#25282e;
    --tc-dark-2:#333740;
    --tc-dark-3:#333740;
    --tc-dark-surface:#2b2f36;
    --tc-dark-deep:#1d2026;
    --tc-dark-deep-rgb:29,32,38;
    --tc-dark-header:#202329;
    --tc-dark-gradient:#2b3038;
    --tc-highlight:#0078c8;
    --tc-highlight-2:#1593da;
    --tc-highlight-text:#005fa8;
    --tc-surface:#ffffff;
    --tc-surface-soft:#f6f8fa;
    --tc-text:#25282e;
    --tc-muted:#7b818b;
    --tc-line:#e0e3e7;
    --tc-hero-bg-end:#eef2f5;
    --tc-hero-title:#25282e;
    --tc-hero-copy:#626a75;
    --tc-hero-border:#dde3e8;
    --tc-subhero-tint-opacity:.05;
}

/* Main light panels */
:root{
    --tc-home-panel-start:#ffffff;
    --tc-home-panel-end:#f4f7f9;
    --tc-home-panel-border:#dce3e8;
    --tc-home-panel-text:#25282e;
    --tc-home-panel-muted:#626a75;
    --tc-home-panel-muted-soft:#7c8490;
    --tc-home-panel-icon-bg:#ffffff;
    --tc-home-panel-icon-border:#d6dfe5;
    --tc-home-control-bg:#ffffff;
    --tc-home-control-border:#d6dfe5;
    --tc-home-control-text:#25282e;
    --tc-home-divider:#e0e5e9;
    --tc-home-option-bg:#ffffff;
    --tc-home-option-border:#dbe2e7;
    --tc-home-option-text:#414751;
    --tc-home-option-hover-bg:#f1f9ff;
    --tc-home-accent-contrast:#ffffff;
}

/* Quick contact theme backgrounds */
:root{
    --tc-quick-kakao-bg:#25282e;
    --tc-quick-kakao-hover:#333740;
    --tc-quick-phone-bg:#07539a;
    --tc-quick-phone-hover:#00508c;
}

/* Theme surface extension */
:root{
    --tc-shell-footer-bg:#25282e;
    --tc-shell-footer-border:#3d4149;
    --tc-shell-footer-link:#eceef1;
    --tc-shell-footer-text:#afb5be;
    --tc-shell-footer-button-border:#676f7b;
    --tc-shell-footer-button-text:#ffffff;
    --tc-home-more-bg:var(--tc-accent-strong);
    --tc-home-more-border:var(--tc-accent-strong);
    --tc-home-more-text:#ffffff;
    --tc-home-more-hover:var(--tc-accent-hover-deep);
    --tc-quick-recent-panel-bg:#f5f7f9;
    --tc-quick-recent-head-bg:#25282e;
    --tc-quick-recent-head-text:#ffffff;
    --tc-quick-recent-all-bg:#ffffff;
    --tc-quick-recent-all-text:#3e4652;
    --tc-quick-recent-all-border:#dce3e8;
    --tc-quick-top-bg:#25282e;
    --tc-quick-top-text:#ffffff;
    --tc-quick-top-hover:#333740;
    --tc-yt-filter-bg:#ffffff;
    --tc-yt-filter-text:#4f5661;
    --tc-yt-filter-border:#d9e0e5;
    --tc-yt-filter-hover-border:var(--tc-accent-strong);
    --tc-yt-filter-hover-text:var(--tc-accent-text);
    --tc-yt-filter-active-bg:var(--tc-accent-strong);
    --tc-yt-filter-active-text:#ffffff;
    --tc-yt-filter-active-border:var(--tc-accent-strong);
    --tc-yt-filter-count:#9aa1ad;
    --tc-yt-filter-active-count:#d7efff;
}

/* Main theme completion */
:root{
    --tc-profile-card-bg:rgba(37,40,46,.92);
    --tc-profile-card-border:rgba(0,120,200,.28);
    --tc-profile-card-title:#ffffff;
    --tc-profile-card-muted:#e2e4e8;
    --tc-profile-card-copy:#c3c7cd;
    --tc-profile-card-rule:rgba(255,255,255,.13);
    --tc-stats-start:#25282e;
    --tc-stats-mid:#333740;
    --tc-stats-end:#25282e;
    --tc-stats-border:#444a54;
    --tc-stats-divider:#444a54;
    --tc-stats-label:#c0c5cc;
    --tc-stats-value:#ffffff;
}

/* Compare popup theme */
:root{
    --tc-compare-menu-bg:#ffffff;
    --tc-compare-menu-border:#0078c8;
    --tc-compare-menu-text:#333842;
    --tc-compare-view-bg:#25282e;
    --tc-compare-view-hover:#333740;
    --tc-compare-view-icon:#0080d0;
    --tc-compare-item-hover:#f1f9ff;
    --tc-compare-clear-text:#0063ad;
    --tc-compare-clear-hover:#eef8ff;
}

/* Global search modal theme */
:root{
    --tc-global-search-bg:#25282e;
    --tc-global-search-border:rgba(0,120,200,.48);
    --tc-global-search-title:#ffffff;
    --tc-global-search-muted:#c2c7cf;
    --tc-global-search-close:#d0d4da;
    --tc-global-search-close-hover:#0a84d4;
    --tc-global-search-button-bg:#006ab6;
    --tc-global-search-button-hover:#00508c;
    --tc-global-search-button-text:#ffffff;
}

/* ==========================================================
   White + Dark Gray + Blue v2
   - 화이트 헤더 / 화이트 메인 히어로
   - 중고차팩토리 블루 로고와 조화되는 밝은 브랜드 테마
   ========================================================== */
:root{
    --tc-header-bg:#ffffff;
    --tc-header-border:#e2e7ec;
    --tc-header-text:#22272e;
    --tc-header-link:#22272e;
    --tc-header-social:#343b44;
    --tc-header-menu-toggle:#252b33;

    --tc-mobile-nav-bg:#ffffff;
    --tc-mobile-nav-border:#dfe6ec;
    --tc-mobile-nav-link:#252b33;
    --tc-mobile-nav-divider:#e9edf1;
    --tc-mobile-nav-close-border:#d7dfe6;
    --tc-mobile-nav-close-bg:#f8fafc;
    --tc-mobile-nav-close-text:#343b44;

    --tc-hero-surface:#ffffff;
    --tc-hero-text:#22272e;
    --tc-hero-eyebrow:#4f5d6b;
    --tc-hero-copy:#596675;
    --tc-hero-gradient-desktop:linear-gradient(90deg,#ffffff 0%,#ffffff 34%,rgba(255,255,255,.97) 49%,rgba(255,255,255,.82) 65%,rgba(255,255,255,.52) 100%);
    --tc-hero-gradient-mobile:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.22) 24vw,rgba(255,255,255,.72) 39vw,rgba(255,255,255,.96) 50vw,#ffffff 58vw);
    --tc-hero-line-btn-bg:#ffffff;
    --tc-hero-line-btn-border:#9ca8b4;
    --tc-hero-line-btn-text:#2f3944;
    --tc-hero-line-btn-hover-border:#0078c8;
    --tc-hero-line-btn-hover-text:#0068b3;

    --tc-profile-card-bg:rgba(255,255,255,.96);
    --tc-profile-card-border:#d9e3eb;
    --tc-profile-card-title:#22272e;
    --tc-profile-card-muted:#576473;
    --tc-profile-card-copy:#4f5b68;
    --tc-profile-card-rule:#e3e9ee;
    --tc-profile-card-shadow:0 12px 32px rgba(34,54,72,.12);
    --tc-profile-image-border:#ffffff;
    --tc-profile-image-shadow:0 0 0 2px rgba(0,120,200,.26),0 6px 16px rgba(25,52,74,.12);
}

/* ==========================================================
   White + Dark Gray + Blue v4 / premium hero refinement
   - 큰 박스형 패널 제거
   - 화이트 여백 + 슬림 블루 포인트 + 강한 타이포 중심
   - 우측 차량 이미지/프로필 카드와 자연스럽게 균형
   2026-09-12
   ========================================================== */
:root{
    --tc-hero-gradient-desktop:
        linear-gradient(90deg,
            #ffffff 0%,
            #ffffff 36%,
            rgba(255,255,255,.985) 49%,
            rgba(250,252,254,.86) 63%,
            rgba(245,249,252,.44) 82%,
            rgba(245,249,252,.18) 100%);
    --tc-hero-gradient-mobile:
        linear-gradient(180deg,
            rgba(255,255,255,.16) 0%,
            rgba(255,255,255,.30) 25vw,
            rgba(255,255,255,.80) 40vw,
            rgba(255,255,255,.98) 51vw,
            #ffffff 60vw);
    --tc-hero-copy:#566371;
    --tc-hero-eyebrow:#4d6172;
    --tc-profile-card-bg:rgba(255,255,255,.955);
    --tc-profile-card-border:#e0e7ed;
    --tc-profile-card-title:#20272e;
    --tc-profile-card-muted:#677482;
    --tc-profile-card-copy:#556371;
    --tc-profile-card-rule:#e8edf1;
    --tc-profile-card-shadow:0 16px 38px rgba(31,54,75,.11);
    --tc-profile-image-shadow:0 0 0 3px #fff,0 0 0 4px rgba(0,120,200,.18),0 8px 18px rgba(27,55,78,.11);
}

.creator-hero{
    background:#ffffff!important;
    border-bottom:1px solid #e8edf1!important;
}
.creator-hero-bg{
    background-position:center right!important;
    background-size:auto 100%!important;
}
.creator-hero-bg:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:58%;
    height:100%;
    pointer-events:none;
    background:
        radial-gradient(circle at 35% 44%,rgba(0,120,200,.065) 0%,rgba(0,120,200,.028) 27%,rgba(0,120,200,0) 58%);
}
.creator-hero-inner{
    z-index:2;
}
.creator-hero-copy{
    position:relative;
    width:53%;
    padding:0 0 0 27px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.creator-hero-copy:before{
    content:'';
    position:absolute;
    left:0;
    top:5px;
    width:3px;
    height:116px;
    border-radius:3px;
    background:linear-gradient(180deg,#0b88d6 0%,#0078c8 55%,rgba(0,120,200,.08) 100%);
}
.creator-hero-copy:after{display:none!important}
.creator-eyebrow{
    display:block;
    margin:0 0 10px!important;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#4d6172!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:700;
    letter-spacing:.01em;
}
.creator-hero h1{
    margin:0!important;
    color:#20262d!important;
    font-size:52px!important;
    line-height:1.08!important;
    letter-spacing:-3px!important;
    font-weight:800!important;
    text-shadow:none!important;
}
.creator-hero h1 strong{
    color:#0078c8!important;
    text-shadow:none!important;
}
.creator-hero-desc{
    max-width:520px;
    margin-top:19px!important;
    color:#566371!important;
    font-size:16px!important;
    line-height:1.75!important;
    font-weight:400!important;
}
.creator-hero-actions{
    margin-top:27px!important;
    gap:10px!important;
}
.creator-hero-actions .creator-btn{
    min-width:134px;
    height:48px;
    border-radius:6px!important;
    font-weight:700!important;
    box-shadow:none;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.creator-hero-actions .creator-btn-primary{
    background:#0078c8!important;
    border-color:#0078c8!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(0,120,200,.16)!important;
}
.creator-hero-actions .creator-btn-primary:hover,
.creator-hero-actions .creator-btn-primary:focus{
    transform:translateY(-1px);
    background:#0069b0!important;
    border-color:#0069b0!important;
    box-shadow:0 9px 21px rgba(0,105,176,.20)!important;
}
.creator-hero-actions .creator-btn-line{
    background:rgba(255,255,255,.92)!important;
    border-color:#bdc8d1!important;
    color:#303943!important;
}
.creator-hero-actions .creator-btn-line:hover,
.creator-hero-actions .creator-btn-line:focus{
    transform:translateY(-1px);
    border-color:#0078c8!important;
    color:#006db8!important;
    box-shadow:0 6px 16px rgba(0,120,200,.08)!important;
}

.creator-profile-card{
    position:relative;
    overflow:visible;
    width:288px;
    padding:25px 25px 23px;
    border:1px solid #e0e7ed!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.955)!important;
    box-shadow:0 16px 38px rgba(31,54,75,.11)!important;
}
.creator-profile-card:before{display:none!important}
.creator-profile-card img{
    width:104px;
    height:104px;
    border:3px solid #fff!important;
    box-shadow:0 0 0 1px rgba(0,120,200,.16),0 8px 18px rgba(27,55,78,.11)!important;
}
.creator-profile-card h2{
    margin-top:13px!important;
    color:#20272e!important;
    font-size:21px!important;
}
.creator-profile-card h2 i{color:#07539a!important}
.creator-profile-card>strong{
    margin-top:6px!important;
    color:#677482!important;
}
.creator-profile-card p{
    margin-top:15px!important;
    padding-top:14px!important;
    border-top-color:#e8edf1!important;
    color:#556371!important;
}

@media (max-width:900px){
    body #creator_home .creator-hero{
        background:#ffffff!important;
    }
    body #creator_home .creator-hero-bg:after{display:none!important}
    body #creator_home .creator-hero-copy{
        width:100%!important;
        padding:0 0 0 17px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    body #creator_home .creator-hero-copy:before{
        left:0!important;
        top:2px!important;
        width:3px!important;
        height:84px!important;
    }
    body #creator_home .creator-eyebrow{
        display:block!important;
        margin:0 0 7px!important;
        padding:0!important;
        min-height:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#4d6172!important;
        font-size:11px!important;
        line-height:1.35!important;
    }
    body #creator_home .creator-hero h1{
        color:#20262d!important;
        text-shadow:none!important;
    }
    body #creator_home .creator-hero-desc{
        color:#566371!important;
        font-weight:400!important;
    }
    body #creator_home .creator-profile-card{
        border:1px solid #e0e7ed!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 12px 28px rgba(31,54,75,.09)!important;
    }
}