/* Thème Coiffeur — rose poudré + brun chocolat (éditorial premium, inspiré Mousse.paris) */

:root {
  --color-bg: #fdf4f4;
  --color-surface: #fbecec;
  --color-border: #ecd5d5;
  --color-text: #361b17;
  --color-text-muted: #6b4842;
  --color-primary: #361b17;
  --color-accent: #361b17;
  --color-accent-soft: rgba(54, 27, 23, 0.08);
  --color-on-primary: #fdf4f4;
  --color-on-accent: #fdf4f4;

  --font-heading: 'Fraunces', 'Domaine', 'Playfair Display', Georgia, serif;
  --font-body: 'Aktiv Grotesk', 'Inter', sans-serif;
  --fs-3xl: clamp(2.5rem, 6vw + 1rem, 5rem);
}

h1, h2, h3 {
  font-weight: 500;
  font-style: italic;
  letter-spacing: -0.03em;
}
h1 em, h2 em { font-style: normal; }

.hero { background: linear-gradient(180deg, #fdf4f4 0%, #fbecec 100%); }
.hero h1 { font-style: italic; font-weight: 500; }

.btn-primary { background: var(--color-primary); color: var(--color-on-primary); border-radius: 0; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; font-size: var(--fs-sm); }
.btn-secondary { border-radius: 0; }
.btn { border-radius: 0; }

.service-card { border-radius: 0; background: #ffffff; border: none; box-shadow: var(--shadow-sm); }
.service-card .icon { background: rgba(54, 27, 23, 0.06); color: var(--color-primary); }

.testimonial { background: #ffffff; border-radius: 0; border-left: 2px solid var(--color-primary); }
.faq-item { border-radius: 0; background: #ffffff; }

.section-eyebrow { color: var(--color-primary); }