/* ===================================================================== 삼기연 홈페이지 공용 테마 — 운평장로교회 톤 (남색 · 금색 · 미색 · 명조) 모든 페이지의 맨 끝에서 불러와 각 페이지의 기본 스타일을 덮어씁니다. ===================================================================== */ :root{ --wp-navy:#032257; --wp-navy-deep:#021838; --wp-night:#0d1d3a; --wp-night-2:#102a52; --wp-gold:#b89b5e; --wp-gold-soft:#d4bf8c; --wp-gold-ink:#8a6d34; --wp-paper:#f7f5f0; --wp-line:#e6e3dd; --serif:"Noto Serif KR","Nanum Myeongjo",serif; --latin:"Cormorant Garamond","Noto Serif KR",serif; /* index.html 토큰 */ --accent:var(--wp-navy); --accent-deep:var(--wp-navy-deep); --accent-soft:#f3efe4; --accent-ink:var(--wp-navy); --ink:#1a1a1a; --body:#3f3f3f; --muted:#7a7a7a; --faint:#a39e94; --line:var(--wp-line); --line-soft:#eeebe4; --soft:var(--wp-paper); --dark:var(--wp-night); --dark-2:var(--wp-night-2); --on-dark:#f4f1ea; --on-dark-soft:#b3ad9f; --radius:10px; --radius-sm:8px; --shadow:0 1px 2px rgba(13,29,58,.04),0 8px 24px rgba(13,29,58,.05); --shadow-lift:0 2px 4px rgba(13,29,58,.05),0 16px 40px rgba(13,29,58,.10); --slate:var(--wp-gold-soft); /* 하위 페이지 토큰 */ --primary:var(--wp-navy); --primary-active:var(--wp-navy-deep); --blue:var(--wp-navy); --bodytext:#3f3f3f; --hairline:var(--wp-line); --hairline-strong:#cfc9bd; --surface-soft:var(--wp-paper); --surface-card:#faf9f6; --parchment:var(--wp-paper); --tile1:var(--wp-night); --tile3:var(--wp-night); --black:var(--wp-night); --dark-elevated:var(--wp-night-2); --sky:var(--wp-gold-soft); --ondark-muted:#b3ad9f; } /* ---------- 서체: 제목은 명조 ---------- */ h1,h2,h3,.serif,.sec-h2,.hero-h1,.hero h1,.dc-big,.dc-title,.ab-title{ font-family:var(--serif)!important;font-weight:700!important;letter-spacing:-0.01em!important;} h4{font-family:var(--serif);} /* ---------- 섹션 라벨: 알약 배지 대신 금색 자간 라벨 ---------- */ .eyebrow{background:none!important;border:0!important;padding:0!important;border-radius:0!important; color:var(--wp-gold)!important;font-family:var(--serif);font-size:13px!important;font-weight:600!important; letter-spacing:.24em!important;gap:14px!important;} .eyebrow::before,.eyebrow::after{content:"";width:22px;height:1px;background:currentColor;opacity:.6;} /* ---------- 상단 ---------- */ .topstrip{background:var(--wp-night)!important;} .mainnav{background:rgba(255,255,255,0.94)!important;border-bottom-color:var(--wp-line)!important;} .mainnav .logo span{font-family:var(--serif);font-weight:700;letter-spacing:.02em;} .nav-links a:not(.nav-cta):not(.nav-ext):hover{background:transparent!important;color:var(--wp-gold-ink)!important;} .nav-cta{background:var(--wp-navy)!important;} .nav-cta:hover{background:var(--wp-night)!important;} /* ---------- 히어로 (운평교회 첫 화면 톤) ---------- */ .hero{background:radial-gradient(ellipse at 50% 38%,#12284d 0%,var(--wp-night) 62%)!important;} .hero .hero-logo{filter:none;} .hero-tag{background:transparent!important;border:1px solid rgba(212,191,140,.45)!important; color:var(--wp-gold-soft)!important;letter-spacing:.12em;font-weight:500!important;backdrop-filter:none!important;} .hero h1{color:#fff!important;font-size:clamp(34px,5vw,56px)!important;line-height:1.3!important;} .hero-verse{font-family:var(--serif);color:rgba(255,255,255,.72)!important;font-size:16px!important; border-top:1px solid rgba(255,255,255,.16);padding-top:26px;max-width:500px!important;} .hero-verse-ref{color:var(--wp-gold)!important;font-family:var(--serif);} .hero .btn-solid{background:var(--wp-gold)!important;color:#1a1a1a!important;} .hero .btn-solid:hover{background:var(--wp-gold-soft)!important;} .hero .btn-ghost{background:transparent!important;border-color:rgba(255,255,255,.4)!important;color:#fff!important;} .hero .btn-ghost:hover{border-color:var(--wp-gold-soft)!important;color:var(--wp-gold-soft)!important;} .hero-contact{color:rgba(255,255,255,.5)!important;} /* ---------- 카드 · 대시보드 ---------- */ .card.accent{background:linear-gradient(150deg,var(--wp-night) 0%,var(--wp-navy) 100%)!important;} .card.accent .dc-label{color:var(--wp-gold-soft)!important;} .dc-label{letter-spacing:.08em!important;} a.card:hover{border-color:#ddd6c6!important;} .btn{border-radius:999px;} /* ---------- 수요조찬기도회 ---------- */ .pray-next{background:linear-gradient(135deg,var(--wp-night) 0%,var(--wp-navy) 100%)!important;} .pray-next .pn-d{font-family:var(--latin);font-variant-numeric:lining-nums;font-weight:600!important;color:var(--wp-gold-soft);font-size:64px!important;} .pray-next .pn-date{border-right-color:rgba(212,191,140,.3)!important;} .pray-row .pr-date{color:var(--wp-gold-ink)!important;} /* ---------- 오디오북 ---------- */ .ab-sec{background:#fff!important;border-top:1px solid var(--wp-line);} .ab-kicker{color:var(--wp-gold-ink)!important;letter-spacing:.06em!important;} /* ---------- 어두운 영역의 강조 글씨 ---------- */ .account-card .k{color:var(--wp-gold-soft)!important;} .gallery-sec,.account-card{background:var(--wp-night)!important;} /* ---------- 하위 페이지(3·1만세운동본부 등) 각진 파란 버튼 → 남색 알약 버튼 ---------- */ a.press[style*="background:var(--blue)"],a.nav-cta[style*="background:var(--blue)"]{border-radius:999px!important;}