:root[data-theme="coffee-house"] { --accent: #D4A056; --accent-weak: #EAD8C2; --font: "Helvetica Neue", Helvetica, Arial, sans-serif; --maxw: 1200px; --surface: #FFFFFF; --line: #E0D6CB; --text: #3E2723; --muted: #7C6C68; --bg: #F5F0EB; }
:root[data-theme="coffee-house"] .brand { font-family: "Circular", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2.5rem; color: var(--text); }
:root[data-theme="coffee-house"] .breadcrumb { color: var(--muted); font-size: 0.9rem; }
:root[data-theme="coffee-house"] .card { background: var(--surface); border-radius: 12px; border: 1px solid var(--line); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); }
:root[data-theme="coffee-house"] .card-list { gap: 1.5rem; }
:root[data-theme="coffee-house"] .date { color: var(--muted); font-size: 0.875rem; }
:root[data-theme="coffee-house"] .empty { color: var(--muted); font-style: italic; }
:root[data-theme="coffee-house"] .hero { background: var(--bg); padding: 4rem 2rem; }
:root[data-theme="coffee-house"] .home-hero h1 { font-family: "Circular", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.5rem; color: var(--text); }
:root[data-theme="coffee-house"] .inner { padding: 2rem; max-width: var(--maxw); margin: 0 auto; }
:root[data-theme="coffee-house"] .nav { background: var(--surface); border-bottom: 1px solid var(--line); }
:root[data-theme="coffee-house"] .post-meta { color: var(--muted); font-size: 0.875rem; }
:root[data-theme="coffee-house"] .site-footer { background: var(--bg); padding: 2rem; border-top: 1px solid var(--line); }
:root[data-theme="coffee-house"] .site-header { background: var(--bg); padding: 1rem 0; }
:root[data-theme="coffee-house"] .wide { max-width: 100%; margin: 0 auto; }
:root[data-theme="coffee-house"] a { color: var(--accent); text-decoration: none; }
:root[data-theme="coffee-house"] a:hover { text-decoration: underline; }
:root[data-theme="coffee-house"] article { max-width: 800px; margin: 0 auto; }
:root[data-theme="coffee-house"] blockquote { border-left: 4px solid var(--accent-weak); padding-left: 1rem; color: var(--muted); }
:root[data-theme="coffee-house"] body { font-family: var(--font); color: var(--text); background: var(--bg); }
:root[data-theme="coffee-house"] code { font-family: "Courier New", Courier, monospace; background-color: var(--surface); padding: 0.2rem 0.4rem; border-radius: 4px; }
:root[data-theme="coffee-house"] h1, :root[data-theme="coffee-house"] h2, :root[data-theme="coffee-house"] h3 { font-family: "Circular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
:root[data-theme="coffee-house"] hr { border-color: var(--line); margin: 2rem 0; }
:root[data-theme="coffee-house"] img { border-radius: 8px; }
:root[data-theme="coffee-house"] li { margin-bottom: 0.5rem; }
:root[data-theme="coffee-house"] main { padding: 2rem; }
:root[data-theme="coffee-house"] ol, :root[data-theme="coffee-house"] ul { padding-left: 1.5rem; }
:root[data-theme="coffee-house"] p { line-height: 1.6; }
:root[data-theme="coffee-house"] pre { background: var(--surface); padding: 1rem; border-radius: 8px; overflow-x: auto; }
:root[data-theme="coffee-house"] svg { fill: var(--accent); }
@media (prefers-color-scheme: dark) { :root[data-theme="coffee-house"] { --surface: #3E2723; --line: #5D4037; --text: #F5F0EB; --muted: #A69B93; --bg: #2C1C19; } }