/* variables.css — PAY-19 Kaki Wellness (accent override sector_playbook paysagiste vert foret) */
:root {
  /* Palette */
  --bg: #F4F0E4;
  --bg-alt: #ECE6D6;
  --surface: #FFFFFF;
  --surface-deep: #2C3A2A;
  --text: #2C2A20;
  --text-2: #5A5546;
  --text-mute: #8A8270;
  --border: rgba(44, 42, 32, 0.14);
  --border-strong: rgba(44, 42, 32, 0.28);
  /* Accent : override sector_playbook paysagiste */
  --accent: oklch(45% 0.12 145);
  --accent-2: oklch(68% 0.09 145);
  --accent-soft: oklch(92% 0.04 145);
  --accent-on-dark: oklch(76% 0.10 145);
  --primary: var(--accent);
  --wa-green: #25D366;
  --gold: #C9A557;

  /* Polices */
  --ff-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --ff-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ff-ui: 'DM Sans', system-ui, -apple-system, sans-serif;

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

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

  /* Z-index */
  --z-base: 1;
  --z-header: 1100;
  --z-menu: 1000;
  --z-modal: 1500;

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

  /* Transitions */
  --t-fast: 0.18s ease;
  --t-base: 0.28s ease;
}

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

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

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

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