/* Palette douce, lisible et sans dépendance externe. */
:root > * {
  --md-primary-fg-color: #66785f;
  --md-primary-fg-color--light: #87947f;
  --md-primary-fg-color--dark: #495844;
  --md-accent-fg-color: #b5654a;
}

[data-md-color-scheme="default"] {
  --recipe-card-bg: #fbfaf6;
  --recipe-card-border: #e4dfd3;
  --recipe-meta-bg: #f4f2ea;
  --recipe-muted: #625f58;
  --recipe-source-bg: #f7f5ef;
}

[data-md-color-scheme="slate"] {
  --recipe-card-bg: #232822;
  --recipe-card-border: #41493e;
  --recipe-meta-bg: #2b312a;
  --recipe-muted: #c7c9c3;
  --recipe-source-bg: #282d27;
}

/* Un peu plus d'air, surtout sur téléphone. */
.md-typeset {
  line-height: 1.62;
}

.md-typeset h1 {
  margin-bottom: .55em;
  font-weight: 650;
}

.md-typeset h2 {
  margin-top: 1.6em;
  padding-bottom: .18em;
  border-bottom: 1px solid var(--recipe-card-border);
}

.md-typeset li {
  margin-bottom: .22em;
}

/* Bandeau compact généré depuis le frontmatter. */
.recipe-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  margin: .25rem 0 1.25rem;
  padding: .72rem .78rem;
  background: var(--recipe-meta-bg);
  border: 1px solid var(--recipe-card-border);
  border-radius: .75rem;
}

.recipe-badge {
  display: inline-flex;
  align-items: center;
  gap: .32rem;
  padding: .28rem .52rem;
  border-radius: 999px;
  background: var(--recipe-card-bg);
  border: 1px solid var(--recipe-card-border);
  font-size: .78rem;
  line-height: 1.2;
  white-space: nowrap;
}

.recipe-badge.is-approved {
  font-weight: 650;
}

.recipe-badge.is-untested {
  opacity: .78;
}

/* Les introductions en citation ressemblent à un petit chapeau de recette. */
.md-typeset blockquote {
  margin: 1rem 0 1.25rem;
  padding: .65rem .9rem;
  color: var(--recipe-muted);
  border-left: .2rem solid var(--md-accent-fg-color);
  background: var(--recipe-source-bg);
  border-radius: 0 .55rem .55rem 0;
}

.recipe-source {
  margin-top: 2.2rem;
  padding: .75rem .9rem;
  background: var(--recipe-source-bg);
  border-top: 1px solid var(--recipe-card-border);
  color: var(--recipe-muted);
  font-size: .78rem;
}

.recipe-adaptation {
  font-style: italic;
}

.recipe-back {
  display: inline-block;
  margin: 1.1rem 0 .5rem;
  font-size: .82rem;
  font-weight: 600;
}

/* Page d'accueil : les cartes Material passent automatiquement sur une colonne en mobile. */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  background: var(--recipe-card-bg);
  border-color: var(--recipe-card-border);
  border-radius: .8rem;
}

.home-intro {
  margin: .2rem 0 1.2rem;
  color: var(--recipe-muted);
}

.home-search-tip {
  margin-top: 1.2rem;
  padding: .7rem .85rem;
  border-radius: .65rem;
  background: var(--recipe-meta-bg);
  font-size: .88rem;
}

@media screen and (max-width: 44.9844em) {
  .md-typeset h1 {
    font-size: 1.75rem;
  }

  .md-typeset h2 {
    font-size: 1.25rem;
  }

  .recipe-meta {
    margin-left: -.1rem;
    margin-right: -.1rem;
    padding: .6rem;
    gap: .35rem;
  }

  .recipe-badge {
    font-size: .73rem;
  }
}