/* MEN-8 Noyer — Craft skin pour AH Menuiseries */
:root{
  /* Fonds & encres */
  --bg: #F2EADD;
  --bg-alt: #ECE1CF;
  --surface: #F9F3E8;
  --text: #2A211A;
  --text-2: #5A4A3E;
  --text-mute: #8A7868;
  --border: rgba(42, 33, 26, 0.12);
  --border-strong: rgba(42, 33, 26, 0.22);

  /* Accents — MEN-8 + sector_playbook menuisier OKLCH */
  --accent: #6F4A2F;
  --accent-2: oklch(72% 0.07 60);
  --accent-soft: #E8D9C4;
  --accent-ink: #3D2818;
  --primary: #2A211A;
  --primary-2: #3D3127;

  /* Surfaces dark (cards, contact) */
  --dark: #2A211A;
  --dark-2: #3D3127;
  --on-dark: #F2EADD;
  --on-dark-2: rgba(242, 234, 221, 0.78);
  --on-dark-mute: rgba(242, 234, 221, 0.55);

  /* WhatsApp officiel */
  --wa-green: #25D366;
  --wa-green-dark: #1DA851;

  /* Polices */
  --ff-display: "Lora", "Libre Baskerville", Georgia, serif;
  --ff-body: "Source Sans 3", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --ff-ui: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Tailles fluides */
  --fs-h1: clamp(2.2rem, 5.5vw, 4rem);
  --fs-h2: clamp(1.7rem, 3.5vw, 2.6rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.6rem);
  --fs-body: clamp(1rem, 1.2vw, 1.08rem);
  --fs-small: 0.9rem;
  --fs-eyebrow: 0.78rem;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;

  /* Header */
  --header-h: 72px;
  --header-h-mobile: 60px;

  /* Z-index */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;
  --z-fab: 900;

  /* Container */
  --container: 1200px;

  /* Transitions */
  --t-fast: 180ms ease;
  --t-base: 280ms cubic-bezier(.2,.7,.2,1);
  --t-slow: 520ms cubic-bezier(.2,.7,.2,1);
}

::selection{ background: var(--accent); color: #fff; }

::-webkit-scrollbar{ width: 8px; height: 8px; }
::-webkit-scrollbar-track{ background: var(--bg-alt); }
::-webkit-scrollbar-thumb{ background: var(--accent); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover{ background: var(--accent-ink); }

:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 3px;
}

::placeholder{ color: var(--text-mute); opacity: 1; }