/* DA imposee : PAY-6 Vert foret (Craft) - Lora + Inter - accent #2E5B3E */
:root {
  /* couleurs */
  --bg: #F5F1EA;
  --bg-alt: #ECE6DA;
  --surface: #FFFFFF;
  --text: #2E2820;
  --text-2: #5B5446;
  --text-mute: #8A8275;
  --border: rgba(46, 40, 32, 0.12);
  --accent: oklch(45% 0.12 145);
  --accent-2: oklch(68% 0.09 145);
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--bg));
  --accent-dark: oklch(32% 0.10 145);
  --primary: var(--accent);
  --wa-green: #25D366;
  --wa-green-dark: #128C7E;
  --star: #E0A93B;

  /* polices */
  --ff-display: "Lora", Georgia, "Times New Roman", serif;
  --ff-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ff-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

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

  /* dimensions header */
  --header-h: 76px;
  --header-h-mobile: 64px;

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

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

  /* transitions */
  --t-fast: 0.18s ease;
  --t-med: 0.32s ease;
}

/* TEX-5 papier chaud (radial gradient accent dilué) */
body {
  background: var(--bg);
  background-image: radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--accent) 5%, var(--bg)) 0%, var(--bg) 60%);
  background-attachment: fixed;
}

/* micro-details signe "soigne, pas IA" */
::selection {
  background: var(--accent);
  color: #fff;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--bg-alt);
}
::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--accent) 50%, transparent);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--accent);
}

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

::placeholder {
  color: color-mix(in srgb, var(--text) 40%, transparent);
}