/* ============================================================ themes.css — WebForge 主題變數 決定主題；forge.css 的 :root 為最後後備。 每個主題提供 10 個核心變數（forge.css 會自動套用）： --bg / --surface / --text / --muted / --primary / --accent / --border / --radius / --hero-bg / --hero-text ============================================================ */ /* ---------- 1. estate-gold　深藍 × 金 · 豪華 ---------- */ [data-theme="estate-gold"] { --bg: #f4efe3; --surface: #fffdf7; --text: #16233f; --muted: #6d6a5c; --primary: #1a2f52; --accent: #8f6a1d; --border: #e2d8c0; --radius: 10px; --hero-bg: #0d1b38; --hero-text: #f6efdf; } /* ---------- 2. estate-blue　清爽藍 · 住宅 ---------- */ [data-theme="estate-blue"] { --bg: #eef3fa; --surface: #ffffff; --text: #1d2a38; --muted: #5f7183; --primary: #1d5aa6; --accent: #0f7f7a; --border: #d5e1ee; --radius: 8px; --hero-bg: #12375f; --hero-text: #ffffff; } /* ---------- 3. minimal　白 × 灰 · 簡約 ---------- */ [data-theme="minimal"] { --bg: #f4f4f5; --surface: #ffffff; --text: #1f2328; --muted: #71717a; --primary: #18181b; --accent: #1f5fd6; --border: #e2e2e8; --radius: 6px; --hero-bg: #23232a; --hero-text: #fafafa; } /* ---------- 4. dark　深色 · 型格 ---------- */ [data-theme="dark"] { --bg: #101014; --surface: #1b1c22; --text: #ececf1; --muted: #a0a3ad; --primary: #5b8cff; --accent: #d9a641; --border: #2c2e37; --radius: 10px; --hero-bg: #0a0a0e; --hero-text: #f2f2f7; } /* ---------- 5. warm　米色 × 啡 · 溫暖 ---------- */ [data-theme="warm"] { --bg: #f6efe2; --surface: #fffcf5; --text: #3b2e1f; --muted: #85745f; --primary: #6e4a26; --accent: #a5552a; --border: #e4d7bd; --radius: 12px; --hero-bg: #4a3018; --hero-text: #f9f1e2; } /* ---------- 6. sterling　叡璟舊站色板（深藍 × 金，exact hex） ---------- */ /* 沿用 the-sterling 舊站變數：gold #C9A96E / gold-light #E8D5A8 / gold-dark #A68B4E / navy #1A2332 / navy-light #2C3A4F / cream #F5EED5 */ [data-theme="sterling"] { --bg: #F5EED5; --surface: #FFFFFF; --text: #1A2332; --muted: #6B6B6B; --primary: #1A2332; --accent: #C9A96E; --border: #E8D5A8; --radius: 8px; --hero-bg: #1A2332; --hero-text: #F5EED5; --on-accent: #1A2332; /* 金底按鈕用深藍字（舊站 cta-primary 風格） */ --footer-bg: #0F1622; /* 舊站 footer 深底 */ --footer-brand: #C9A96E; --footer-muted: rgba(232, 232, 232, 0.55); }