/* Reference de Nawel, mail du 17 septembre 2026. */
:root {
  --paper: #f8f6f1;
  --ink: #171412;
  --muted: #675549;
  --line: #d8c9bd;
  --mauve: #675549;
  --white: #ffffff;
  --accent: #f3ed9f;
  --mocha: #8b786c;
  --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --serif: var(--sans);
}
body { background: var(--paper);  }
.brand-lockup span {  }
h1, h2, h3, .category-title, .guide-number, .guides h3,
.wordmark, dialog nav a {  }
h1, h2 { font-weight: 400; letter-spacing: -.025em; }
.site-header, .is-home .site-header {
  background: var(--mauve);
  color: var(--white);
  border-color: var(--line);
}
.brand-lockup img, .is-home .brand-lockup img {
  filter: invert(1);
  mix-blend-mode: screen;
}
.site-header a:hover, .is-home .site-header a:hover { color: var(--accent); }
.button { background: var(--mauve); border-color: var(--mauve); color: var(--white); }
.button:hover { background: var(--ink); border-color: var(--ink); color: var(--white); }
.button.outline { background: transparent; color: var(--mauve); border-color: var(--mauve); }
.button.outline:hover { background: var(--mauve); color: var(--white); }
.selection, .cart-summary, .notice { background: var(--paper); }
.hero-copy, .hero-photo img { background: var(--line); }
.editorial, .maison-copy { background: var(--mauve); color: var(--white); }
.editorial-copy p { color: var(--paper); }
.product-card .meta, .footer-bottom { color: var(--muted); }
.maison-copy .quiet-link, .editorial-copy .text-link { border-bottom-color: var(--accent); }
.maison-copy a:hover { color: var(--accent); }
.cinema-copy h1 { font-size: clamp(40px, 4.4vw, 68px); line-height: 1.08; }
.maison-quote h2 { font-size: clamp(26px, 3.8vw, 54px); line-height: 1.2; }
.footer-wordmark {  }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, summary:focus-visible { outline-color: var(--mauve); }
.site-header a:focus-visible, .site-header button:focus-visible { outline-color: var(--accent); }
@media (max-width: 600px) {
  .cinema-copy h1 { font-size: clamp(30px, 9vw, 48px); }
  .maison-quote h2 { font-size: clamp(15px, 5.4vw, 30px); }
  .page-header h1 { font-size: clamp(32px, 10vw, 48px); }
  .product-info h1 { font-size: clamp(30px, 9vw, 42px); }
}