:root {
  --bg-primary: #fbf8f0 !important;
  --bg-elevated: #f2ede2 !important;
  --text-primary: #292521 !important;
  --text-secondary: #5c544d !important;
  --text-tertiary: #8b8177 !important;
  --accent-red: #a62f28 !important;
  --accent-red-dim: color-mix(in srgb, #a62f28 12%, transparent) !important;
  --accent-steel: #746a61 !important;
  --divider: #ddd5c8 !important;
}
html, body { background: var(--bg-primary) !important; color: var(--text-primary) !important; }
body { background-image: none !important; font-family: "Inter Tight", system-ui, sans-serif !important; }
body::before { opacity: .025 !important; }
nav, .nav { background: color-mix(in srgb, var(--bg-primary) 95%, transparent) !important; border-bottom-color: var(--divider) !important; }
.nav-link, .nav-logo, .breadcrumb a { color: var(--text-primary) !important; }
.nav-link:hover, .nav-link.active, .breadcrumb a:hover { color: var(--accent-red) !important; }
h1, h2, h3 { font-family: "Shippori Mincho", "Noto Serif JP", serif !important; font-weight: 500 !important; }
.footer { background: var(--bg-primary) !important; border-top: 1px solid var(--divider) !important; }
.footer a:hover { color: var(--accent-red) !important; }
.blog-card, .article-card, .glossary-item { background: var(--bg-elevated) !important; border-color: var(--divider) !important; }
.blog-card:hover, .article-card:hover { border-color: var(--accent-red) !important; }
.cta, .article-cta, .shop-cta { background: var(--bg-elevated) !important; }
@media (max-width: 767px) {
  nav { flex-wrap: wrap !important; align-items: center !important; }
  .nav-right { display: contents !important; }
  .nav-links {
    display: flex !important;
    position: static !important;
    order: 3;
    width: 100%;
    overflow-x: auto;
    padding: .35rem 0 .55rem !important;
    flex-direction: row !important;
    gap: 1.1rem !important;
    background: transparent !important;
    border: 0 !important;
  }
  .nav-links a { flex: 0 0 auto; }
  .nav-hamburger { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }