/* MEN-13 Teck — Architecture Cuivre adapte teck/bois fonce */
:root {
  /* Couleurs */
  --bg: #F4ECDE;
  --bg-alt: #ECE2D0;
  --surface: #FFFFFF;
  --text: #2A2018;
  --text-2: rgba(42, 32, 24, 0.74);
  --text-mute: rgba(42, 32, 24, 0.55);
  --border: rgba(42, 32, 24, 0.14);
  --accent: #8A5A33;
  --accent-soft: rgba(138, 90, 51, 0.14);
  --accent-2: #C28850;
  --primary: #2A2018;
  --wa-green: #25D366;
  --ink: var(--text);

  /* Polices */
  --ff-display: 'Archivo', 'Inter', system-ui, sans-serif;
  --ff-body: 'Montserrat', 'Inter', system-ui, sans-serif;
  --ff-ui: 'Montserrat', system-ui, sans-serif;

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

  /* Layout */
  --container: 1180px;
  --header-h: 76px;
  --header-h-mobile: 64px;

  /* Z-index (PIEGE PROD : header > menu pour que le menu soit refermable) */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;

  /* Transitions */
  --t-fast: .18s ease;
  --t-med: .28s ease;
}

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

/* Scrollbar fine rebrandee */
* { scrollbar-width: thin; scrollbar-color: var(--accent) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 4px; }
*::-webkit-scrollbar-track { background: transparent; }

/* Focus visible accessible */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 4px;
}

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