/* HAFSOIT BEAUTY — design tokens */
:root {
  --accent: #9b7c37;
  --accent-soft: #c4a962;
  --accent-light: #e8d4a0;
  --text: #1a1513;
  --text-muted: #6b5f50;
  --text-light: #8a7d6e;
  --surface: #fffcf7;
  --surface-soft: #faf6ef;
  --surface-muted: #f0e9dc;
  --border: rgba(107, 95, 80, 0.12);
  --shadow: rgba(26, 21, 19, 0.08);
  --shadow-lg: rgba(26, 21, 19, 0.12);
  --hero-overlay: rgba(247, 242, 234, 0.88);
  --bg: #faf8f4;
  --bg-sand: #faf8f4;
  --bg-warm: #f5f2ec;
  --bg-brown-soft: #eee9e0;
  --bg-gradient: none;
  --whatsapp: #25d366;
  --accent-warm: #d4a574;
  --accent-cool: #c9a882;
  --luxe-dark: #0f0e0c;
  --header-height: 80px;
  --hero-height: calc(100svh - var(--header-height));
  --card-bg: #fffcf7;
  --creme: #f7f2ea;
  --or: #9b7c37;
  --or-pale: #e8dfc8;
  --or-clair: #c4a962;
  --gold-luxe: linear-gradient(135deg, #8f7030 0%, #c4a962 32%, #e8d4a0 52%, #c9a962 72%, #9b7c37 100%);
  --gold-luxe-hover: linear-gradient(135deg, #a88b3a 0%, #d4b86a 28%, #f0e0b8 48%, #d4bc72 68%, #8f7030 100%);
  --rose-fonce: #b85c5c;
  --rose-clair: #f5e8e8;
  --vert-comores: #2d6a4f;

  /* Premium scale */
  --ease-luxe: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-soft: cubic-bezier(0.33, 1, 0.68, 1);
  --duration-fast: 0.6s;
  --duration-med: 0.6s;
  --duration-slow: 0.85s;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-soft: 0 8px 32px rgba(26, 21, 19, 0.06);
  --shadow-card: 0 18px 48px rgba(26, 21, 19, 0.08);
  --shadow-lift: 0 24px 56px rgba(155, 124, 55, 0.14);
  --glass-light: rgba(255, 252, 247, 0.82);
  --glass-border: rgba(201, 169, 98, 0.2);
  --header-height-compact: 64px;

  /* Éditorial luxe */
  --font-display: 'Instrument Serif', 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Poppins', system-ui, sans-serif;
  --ed-section-y: clamp(72px, 12vw, 120px);
  --ed-max: 1240px;
  --ease-editorial: cubic-bezier(0.25, 0.1, 0.25, 1);
}

body.dark {
  --bg: #141210;
  --bg-gradient: linear-gradient(165deg, #161412 0%, #1a1714 40%, #1e1b17 100%);
  --surface: #1f1d1a;
  --surface-soft: #2a2621;
  --surface-muted: #22201c;
  --card-bg: #2a2621;
  --creme: #22201c;
  --text: #f5f0eb;
  --text-muted: #c4b8a8;
  --border: rgba(212, 165, 116, 0.1);
  --shadow: rgba(0, 0, 0, 0.4);
  --shadow-lg: rgba(0, 0, 0, 0.55);
  --hero-overlay: rgba(15, 14, 12, 0.82);
  --accent: #c4a962;
  --accent-soft: #d4b476;
  --accent-light: #e8d4a0;
  --accent-warm: #d4a574;
  --accent-cool: #c9a882;
}