

section {
  background: var(--color-surface);
}
section.accent {
  background: var(--color-brand);
  color: #fff;
}
section.accent h2,
section.accent h3,
section.accent a { color: #fff; }


section.accent .tile { color: var(--color-ink); }
section.accent .tile h3,
section.accent .tile .tile__ttl { color: var(--color-ink); }
section.accent .tile .tile__txt { color: var(--color-ink-soft); }
section.accent .tile a { color: var(--color-brand-deep); }


[data-mm-header] {
  --mm-bg: #ffffff;
  --mm-text: #1e1512;
  --mm-primary: #e2571e;
  --mm-overlay-bg: rgba(30, 21, 18, 0.55);
  --mm-transition: 0.3s ease;
}
[data-mm-menu] {
  font-family: var(--font-heading);
}
[data-mm-menu] ul li a {
  font-weight: 600;
  letter-spacing: 0.01em;
}


:root {
  --cc-primary: var(--color-brand);
  --cc-primary-hover: var(--color-brand-deep);
  --cc-toggle-active: var(--color-brand);
}
.cc-banner,
.cc-settings-modal,
.cc-modal-content {
  font-family: var(--font-body);
}
.cc-banner {
  background: var(--color-ink);
  color: var(--color-on-dark);
  border-top: 3px solid var(--color-brand);
}
.cc-title,
.cc-settings-title { font-family: var(--font-heading); }
.cc-banner .cc-title { color: #fff; }
.cc-banner .cc-description { color: var(--color-on-dark); }
.cc-link { color: #ff8347; }
.cc-btn {
  border-radius: var(--radius-sm);
  font-family: var(--font-heading);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
}
.cc-btn-primary {
  background: var(--color-brand);
  border-color: var(--color-brand);
  color: #fff;
}
.cc-btn-primary:hover { background: var(--color-brand-deep); border-color: var(--color-brand-deep); }
.cc-banner .cc-btn-secondary {
  background: transparent;
  border: 2px solid var(--color-on-dark);
  color: var(--color-on-dark);
}
.cc-banner .cc-btn-secondary:hover { background: rgba(255, 255, 255, 0.1); border-color: #fff; }
.cc-banner .cc-btn-link { color: var(--color-on-dark); }
.cc-banner .cc-btn-link:hover { background: rgba(255, 255, 255, 0.12); color: #fff; }
.cc-toggle input:focus + .cc-toggle-label { box-shadow: 0 0 0 3px rgba(226, 87, 30, 0.35); }
.cc-footer-link { color: var(--color-on-dark); }
