/* * forBible — 사이트 테마 토큰 (Phase 1+2) * 2026-05-27 * * 사용 방식: * (기본, 기존 사이트 톤 = 회귀 0) * * * * */ /* ---------- 1. 공통 베이스 (Original = 기존 사이트) ---------- */ :root, body.site-theme-original { /* surface */ --surface-bg: #e6e7ee; --surface-card: #ecedf3; --surface-sunken: #d8dae3; /* text */ --text-primary: #2c3e50; --text-secondary: #44476A; --text-tertiary: #31344b; --text-muted: #93a5be; --text-on-accent: #ffffff; /* accent (기존 골드) */ --accent: #C3A659; --accent-strong: #a98b3f; --accent-soft: #f3e9c8; /* semantic */ --info: #5bc0de; --success: #18634B; --warning: #F0B400; --danger: #A91E2C; --highlight-bg: #F4D06F; /* shadow (neumorphic 듀얼톤) */ --shadow-light: #ffffff; --shadow-dark: #b8b9be; --shadow-out: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light); --shadow-in: inset 2px 2px 5px var(--shadow-dark), inset -3px -3px 7px var(--shadow-light); --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.15); /* border */ --border-soft: rgba(0, 0, 0, 0.06); --border-accent: var(--accent); /* motion */ --duration-fast: 150ms; --duration-normal: 300ms; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); } /* ---------- 2. Spring 봄 — 연분홍 + 새싹 그린 + 크림 ---------- */ body.site-theme-spring { --surface-bg: #fdf7f3; --surface-card: #f8ede8; --surface-sunken: #ecdcd5; --text-primary: #3d2a35; --text-secondary: #6b4f5a; --text-tertiary: #4a3540; --text-muted: #a99098; --accent: #e08aa8; --accent-strong: #c46a8a; --accent-soft: #f9e3eb; --highlight-bg: #d6e8c8; --shadow-light: #ffffff; --shadow-dark: #e3cfc9; } /* ---------- 3. Summer 여름 — 하늘 블루 + 코랄 ---------- */ body.site-theme-summer { --surface-bg: #f2f8fc; --surface-card: #e6f2fa; --surface-sunken: #d3e4ef; --text-primary: #1f3a52; --text-secondary: #345a7a; --text-tertiary: #244562; --text-muted: #7d97ad; --accent: #3aa6d8; --accent-strong: #1f86b7; --accent-soft: #cfe6f3; --highlight-bg: #ffd9d2; --shadow-light: #ffffff; --shadow-dark: #c2cfd9; } /* ---------- 4. Autumn 가을 — 단풍 + 버건디 ---------- */ body.site-theme-autumn { --surface-bg: #f5ece0; --surface-card: #ebdcc7; --surface-sunken: #ddc9ab; --text-primary: #3a2417; --text-secondary: #5c3a28; --text-tertiary: #472a1d; --text-muted: #a08570; --accent: #b15c3a; --accent-strong: #8b3f24; --accent-soft: #ebd7c0; --highlight-bg: #e8b85c; --shadow-light: #fffaf3; --shadow-dark: #c9b291; } /* ---------- 5. Winter 겨울 — 한지 화이트 + 잉크 네이비 + 은빛 ---------- */ body.site-theme-winter { --surface-bg: #f4f6f8; --surface-card: #e9edf2; --surface-sunken: #d7dde4; --text-primary: #1c2733; --text-secondary: #2d4f7a; --text-tertiary: #243e60; --text-muted: #8893a3; --accent: #2d4f7a; --accent-strong: #1a3658; --accent-soft: #d2dbe8; --highlight-bg: #e3eaf1; --shadow-light: #ffffff; --shadow-dark: #b3bcc6; } /* ---------- 6. 모션 환경 ---------- */ @media (prefers-reduced-motion: reduce) { body { transition: none !important; } } body { transition: background-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out); }