/* PLB-8 Canard — Neo-Editorial */
:root{
  /* Palette */
  --bg: #F6F0E2;
  --bg-alt: #EFE8D6;
  --surface: #FBF6E8;
  --text: #312A20;
  --text-2: #564B3A;
  --text-mute: #8A7D67;
  --border: rgba(49, 42, 32, 0.14);
  --border-strong: rgba(49, 42, 32, 0.28);

  --accent: #225E63;
  --accent-2: #B07A3C;
  --accent-soft: rgba(34, 94, 99, 0.10);
  --accent-2-soft: rgba(176, 122, 60, 0.14);

  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-green-dark: #1da855;

  /* Typo */
  --ff-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --ff-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ff-ui: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Radius */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;

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

  /* Z-index (header > menu — PIEGE PROD) */
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1200;
}

@media (prefers-color-scheme: light){
  :root{ color-scheme: light; }
}

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

html{
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-h);
}
@media (max-width: 768px){
  html{ scroll-padding-top: var(--header-h-mobile); }
}

::-webkit-scrollbar{ width: 10px; height: 4px; }
::-webkit-scrollbar-track{ background: var(--bg-alt); }
::-webkit-scrollbar-thumb{ background: var(--accent); border-radius: 2px; }