:root{
  /* Skin MEN-2 Chene chaud (impose da_engine) */
  --bg: #F4ECDD;
  --bg-alt: #EBE0CC;
  --surface: #FBF5E8;
  --text: #312A20;
  --text-2: #5a4f40;
  --text-mute: #87796a;
  --border: rgba(49, 42, 32, 0.14);
  --border-strong: rgba(49, 42, 32, 0.28);

  --accent: #9A6B3F;
  --accent-2: #C49770;
  --accent-soft: rgba(154, 107, 63, 0.12);
  --primary: #312A20;
  --wa-green: #25D366;

  --ff-display: "Lora", Georgia, serif;
  --ff-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --ff-ui: "Inter", system-ui, -apple-system, sans-serif;

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

  --header-h: 72px;
  --header-h-mobile: 60px;

  --z-base: 1;
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1300;

  --container: 1180px;

  --t-fast: 180ms cubic-bezier(.2,.7,.2,1);
  --t-mid:  340ms cubic-bezier(.2,.7,.2,1);

  --shadow-soft: 0 1px 2px rgba(49,42,32,.05), 0 6px 18px rgba(49,42,32,.06);
}

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

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

:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
::placeholder { color: var(--text-mute); opacity: 1; }