/* Reversible brand layer. Colors and font families only; no ad selectors. */
:root {
  --mo-body: #fcfaf3;
  --mo-on-body: #26342c;
  --mo-header: #fcfaf3;
  --mo-on-header: #26342c;
  --mo-header-accent: #405638;
  --mo-on-header-accent: #ffffff;
  --mo-offcanvas: #f2f1e7;
  --mo-on-offcanvas: #26342c;
  --mo-on-offcanvas-accent: #405638;
  --mo-border-offcanvas: #d8ddce;
  --mo-footer: #f2f1e7;
  --mo-on-footer: #26342c;
  --mo-on-footer-accent: #405638;
  --mo-outline-footer: #405638;
  --mo-search: #ffffff;
  --mo-on-search: #26342c;
  --mo-outline-search: #d8ddce;
  --mo-pagination-enabled: #405638;
  --mo-on-pagination-enabled: #ffffff;
  --mo-pagination-disabled: #e7e9e0;
  --mo-on-pagination-disabled: #5e6659;
  --mo-pagination-accent: #e6c74a;
  --mo-on-pagination-accent: #26342c;
  --mo-separator: #e6c74a;
  --mo-on-separator: #405638;
  --mo-separator-link: #405638;
  --mo-on-separator-link: #ffffff;
  --mo-social-item: #405638;
  --mo-on-social-item: #ffffff;
  --mo-hero: #f2f1e7;
  --mo-on-hero: #26342c;
  --mo-on-hero-title: #405638;
  --mo-on-hero-link: #405638;
  --mo-on-hero-link-accent: #293d28;
  --mo-landing: #f2f1e7;
  --mo-on-landing: #26342c;
  --mo-on-landing-title: #405638;
  --mo-on-landing-link: #405638;
  --mo-on-landing-link-accent: #293d28;
  --mo-category: #f2f1e7;
  --mo-on-category: #ffffff;
  --mo-entry: #ffffff;
  --mo-on-entry: #26342c;
  --mo-entry-title: #405638;
  --mo-on-entry-title: #405638;
  --mo-on-entry-link: #405638;
  --mo-on-entry-link-accent: #293d28;
  --mo-preview: #ffffff;
  --mo-on-preview: #26342c;
  --mo-on-preview-title: #405638;
  --mo-on-preview-title-accent: #293d28;
  --mo-faq: #f2f1e7;
  --mo-on-faq: #26342c;
  --mo-faq-accent: #ffffff;
  --mo-on-faq-accent: #405638;
  --mo-on-action: #405638;
  --mo-action-accent: #405638;
  --mo-on-action-accent: #ffffff;
  --mo-article: #ffffff;
  --mo-on-article: #26342c;
  --mo-article-heading: #e6c74a;
  --mo-on-article-heading: #405638;
  --mo-article-note: #f2f1e7;
  --mo-on-article-note: #26342c;
  --mo-outline-article-note: #d8ddce;
  --mo-on-article-link: #405638;
  --mo-on-article-link-accent: #293d28;
  --mo-article-recommendations: #f2f1e7;
  --mo-on-article-recommendations: #26342c;
  --mo-on-article-recommendations-title: #405638;
  --mo-outline-article-recommendations: #d8ddce;
  --mo-author: #f2f1e7;
  --mo-on-author: #26342c;
  --mo-outline-author: #405638;
  --mo-related-entry: #f2f1e7;
  --mo-on-related-entry: #26342c;
  --mo-on-related-entry-accent: #405638;
  --mo-recipe: #f2f1e7;
  --mo-on-recipe: #26342c;
  --mo-on-recipe-title: #405638;
  --mo-on-recipe-highlight: #5e6659;
  --mo-on-recipe-link: #405638;
  --mo-on-recipe-link-accent: #293d28;
  --mo-recipe-separator: #d8ddce;
  --mo-on-recipe-separator: #405638;
  --mo-recipe-number: #405638;
  --mo-on-recipe-number: #ffffff;
  --mo-contact: #ffffff;
  --mo-on-contact: #26342c;
  --mo-on-contact-title: #405638;
  --mo-on-contact-subtitle: #5e6659;
  --mo-keypoints-card: #ffffff;
  --mo-on-keypoints-card: #26342c;
  --mo-keypoints-card-svg: #f2f1e7;
  --mo-on-keypoints-card-svg: #405638;
  --mo-chip: #f2f1e7;
  --mo-on-chip: #405638;
  --mo-font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* A serif page title supplies the editorial accent. Smaller headings and card
   titles retain the system stack to preserve wrapping in constrained columns. */
h1:not(.bcn-ad, .bcn-ad *) {
  font-family: Georgia, "Times New Roman", serif;
}

/* Color-only keyboard states also work on controls whose theme removes outlines. */
:where(.header a, .header button, .offcanvas a, .offcanvas button, .footer a, .actions a, .pagination a, .recipe__interact-list-number):focus-visible {
  background-color: #e6c74a !important;
  color: #26342c !important;
  border-color: #405638 !important;
  outline-color: #405638;
}
.actions a:active {
  background-color: #293d28 !important;
  color: #ffffff !important;
}
.recipe__interact-list-number.selected {
  background-color: #e6c74a !important;
  color: #26342c !important;
}