/* ============================================================
   THEME B — godet-minipelle.com
   Vibe : professionnel, conseil, haut de gamme
   Palette : bleu marine + or
   ============================================================ */

:root {
  /* couleurs */
  --text: #2d2d2d;
  --text-muted: #667080;
  --heading: #0f2a3f;
  --bg: #fbfaf6;
  --bg-alt: #f1ede3;
  --card-bg: #ffffff;
  --border: #e5dfd0;
  --accent: #c38a2a;
  --accent-dark: #a77420;

  /* header */
  --header-bg: #ffffff;
  --header-text: #0f2a3f;

  /* hero */
  --hero-bg: #0f2a3f;
  --hero-text: #ffffff;
  --hero-pattern: radial-gradient(circle at 20% 30%, rgba(195,138,42,.5) 0 1px, transparent 1px);
  /* Dots pattern for subtle texture */

  /* footer */
  --footer-bg: #0a1e30;
  --footer-text: #c8d2de;

  /* fonts */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Playfair Display", Georgia, serif;
}

/* Specificites Theme B */
.hero h1 {
  font-weight: 700;
  letter-spacing: -.01em;
  font-style: italic;
}
.hero h1 em, .hero h1 .serif {
  font-style: normal;
}

.site-header {
  border-bottom: 1px solid var(--border);
}

.hero::before {
  background-size: 28px 28px;
  opacity: .12;
}

/* Product cards : plus aere, shadow plus douce */
.product-card, .category-card {
  box-shadow: 0 1px 3px rgba(15,42,63,.06);
}

.product-name, .category-card h3 {
  font-family: var(--font-heading);
  font-weight: 700;
}

.brand-mark {
  border-radius: 50%;
}

.brand-mark::after {
  border-radius: 0 0 50px 50px;
  border-width: 3px;
}

/* Section eyebrow avec lignes */
.section-eyebrow::before,
.section-eyebrow::after {
  content: "";
  display: inline-block;
  width: 24px; height: 1px;
  background: var(--accent);
  vertical-align: middle;
  margin: 0 8px;
}

.btn-primary {
  box-shadow: 0 2px 8px rgba(195,138,42,.3);
}
