/* marketingcode.kr 다크 테마. 시안의 어두운 화면 배색을 그대로 가져왔다. motion.css 다음에 읽어 인라인 스타일을 덮어쓴다. */
:root {
  --brand-primary: #93c5fd; --brand-navy: #dbeafe;
  --warm-bg: #0f172a; --warm-card: #152744; --warm-border: #1e3a6d; --warm-border-hover: #2b4c7e;
  --text-main: #e2e8f0; --text-muted: #94a3b8; --text-light: #64748b;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .25); --shadow-md: 0 12px 30px -4px rgba(0, 0, 0, .35); --shadow-lg: 0 24px 50px -10px rgba(0, 0, 0, .45);
  color-scheme: dark;
}
html, body { background: #0f172a; color: #e2e8f0; }

/* 상단 띠·내비 */
.top-banner { background: linear-gradient(90deg, #0b1320 0%, #152744 50%, #1e3a6d 100%); border-bottom-color: rgba(255, 255, 255, .08); }
.navbar-custom { background: rgba(15, 23, 42, .92); border-bottom: 1px solid rgba(51, 65, 85, .8); }
.nav-logo-img { filter: brightness(0) invert(1); opacity: .92; }
.navbar-nav .nav-link { color: #cbd5e1; }
.navbar-nav .nav-link:hover { color: #fff; background: rgba(147, 197, 253, .1); }
.navbar-nav .text-primary { color: #93c5fd !important; }
.navbar-toggler i.text-dark { color: #e2e8f0 !important; }
.btn-nav-cta { background: #93c5fd; color: #0f172a !important; box-shadow: 0 4px 14px rgba(147, 197, 253, .2); }
.btn-nav-cta:hover { background: #bfdbfe; color: #0f172a !important; }

/* 히어로 */
.hero-section { background: radial-gradient(circle at 10% 20%, rgba(217, 119, 6, .18) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(37, 99, 235, .18) 0%, transparent 45%), #0f172a; }
.hero-badge { background: #152744; border-color: rgba(224, 106, 59, .35); color: #fdba74; }
.hero-title { color: #f1f5f9; }
.hero-desc { color: #94a3b8; }
.btn-hero-secondary { background: #152744; color: #dbeafe; border-color: #334155; }
.btn-hero-secondary:hover { background: #1e3a6d; color: #fff; border-color: #475569; }
.hero-trust-bar { border-top-color: rgba(51, 65, 85, .8); }
.hero-trust-item span { color: #cbd5e1; }

/* 섹션 공통 */
.content-section-alt { background-color: #0b1320; border-color: #1e3a6d; }
.section-eyebrow { background: rgba(224, 106, 59, .12); border-color: rgba(224, 106, 59, .3); }
.section-title { color: #f1f5f9; }

/* 가치와 철학 */
.pillar-card { background: #152744; border-color: #1e3a6d; }
.pillar-card:hover { border-color: #2b4c7e; }
.pillar-card h3 { color: #f1f5f9; }
.mc-pillar-scene { background: #0b1320; }

/* 핵심 프로젝트 */
.project-card { background: #152744; border-color: #1e3a6d; }
.project-card:hover { border-color: #334155; }
.project-card-featured { border-color: rgba(253, 186, 116, .55); background: linear-gradient(180deg, #152744 0%, #1a2a48 100%); }
.project-img-col { background: #0b1320; }
.project-title { color: #f1f5f9; }
.project-summary { color: #94a3b8; }
.project-feature-list li { color: #cbd5e1; }
.badge-brand-orange { background: rgba(234, 88, 12, .15); color: #fdba74; border-color: rgba(234, 88, 12, .35); }
.badge-brand-blue { background: rgba(37, 99, 235, .15); color: #93c5fd; border-color: rgba(37, 99, 235, .35); }
.badge-brand-purple { background: rgba(147, 51, 234, .15); color: #d8b4fe; border-color: rgba(147, 51, 234, .35); }
.badge-cost-free { background: rgba(5, 150, 105, .15); color: #6ee7b7; border-color: rgba(5, 150, 105, .35); }
.project-badge-wrap .badge.bg-light { background: #1e3a6d !important; color: #cbd5e1 !important; border-color: #334155 !important; }
.btn-project-cta { background: #93c5fd; color: #0f172a; box-shadow: 0 4px 14px rgba(147, 197, 253, .2); }
.btn-project-cta:hover { background: #bfdbfe; color: #0f172a; }
.btn-project-cta-orange, .btn-project-cta-orange:hover { color: #fff; }
.btn-project-sub { background: #152744; color: #cbd5e1; border-color: #334155; }
.btn-project-sub:hover { background: #1e3a6d; color: #fff; border-color: #475569; }

/* Service Finder */
.match-card { background: #152744; border-color: #1e3a6d; }
.match-card:hover { border-color: #334155; }
.match-card h4 { color: #f1f5f9; }
.match-card .icon-bubble { background: #1e3a6d; }
.btn-match.text-dark { color: #fde68a !important; }
.btn-match.btn-outline-warning:hover { background: #fde68a; color: #0f172a !important; }
.btn-match.btn-outline-primary { color: #93c5fd; border-color: #93c5fd; }
.btn-match.btn-outline-primary:hover { background: #93c5fd; color: #0f172a; }
.btn-match.btn-outline-success { color: #6ee7b7; border-color: #6ee7b7; }
.btn-match.btn-outline-success:hover { background: #6ee7b7; color: #0f172a; }

/* 상담·푸터는 원래 어두운 배색. 경계만 맞춘다 */
.contact-cta-section { border-top: 1px solid #1e3a6d; }

/* 장면 안 색 */
.mc-scene {
  --card: #152744; --border: #1e3a6d; --line: #334155; --node: #93c5fd; --label: #f1f5f9; --muted: #94a3b8; --light: #64748b;
  --bg: #0f172a; --navy: #dbeafe; --text: #e2e8f0; --glow-a: rgba(217, 119, 6, .18); --glow-b: rgba(37, 99, 235, .18);
}
.mc-scene [fill="#0f172a"] { fill: #1e293b; }
.mc-scene [fill="#334155"] { fill: #475569; }
.mc-motion { background: #152744; }
.mc-chip { background: #0f172a; border-color: #1e3a6d; color: #cbd5e1; }
/* 어두운 배경에서는 흐린 빛 원이 회색 얼룩으로 보여 숨긴다 */
.mc-scene [filter="url(#soft)"] { display: none; }