/* Palette chaude : cacao, saumon clair et orange miel. */
:root {
  --ivory: #f7cfa5;
  --midnight: #542c20;
  --saffron: #e28a32;
  --cream: var(--ivory);
  --paper: var(--ivory);
  --ink: var(--midnight);
  --sage: var(--midnight);
  --pink: var(--saffron);
  --wine: var(--saffron);
  --line: var(--midnight);
}

.hero {
  background: linear-gradient(90deg, rgba(247, 207, 165, .98) 0%, rgba(247, 207, 165, .9) 38%, rgba(247, 207, 165, .16) 68%), url('assets/gateau-basque-hero.png') center / cover;
}

.product-art:before { box-shadow: 0 11px 17px #542c2066; }
.tiramisu .product-art:before { box-shadow: 0 8px 10px #542c2055; }
.fruit { box-shadow: inset -12px -8px 0 var(--midnight), 10px 12px 15px #542c2044; }

@media (max-width: 800px) {
  nav { box-shadow: 0 12px 18px #542c201a; }
  .hero {
    background: linear-gradient(90deg, rgba(247, 207, 165, .98) 0%, rgba(247, 207, 165, .72) 75%, rgba(247, 207, 165, .25)), url('assets/gateau-basque-hero.png') 62% / cover;
  }
}