/* Éco Jardins Services — retune des tokens Organic.
   Direction alignée sur le site Guitard Philippe Paysagiste : forêt profonde,
   accent menthe, serif éditorial sur sans géométrique. Un seul endroit à
   modifier pour faire évoluer la couleur et la typographie du site. */

@import url('fonts/polices.css');

:root {
  --color-bg: #f6f5ef;
  --color-surface: #e8ece4;
  --color-text: #0e1c14;
  --color-accent: #1c8b57;
  --color-accent-2: #24402f;
  --color-divider: color-mix(in srgb, #0e1c14 13%, transparent);

  --color-neutral-100: #f9f8f3;
  --color-neutral-200: #eeece5;
  --color-neutral-300: #dcdad0;
  --color-neutral-400: #c0bfb3;
  --color-neutral-500: #a09f94;
  --color-neutral-600: #818177;
  --color-neutral-700: #63635b;
  --color-neutral-800: #45463f;
  --color-neutral-900: #2c2d28;

  --color-accent-100: #e9faf1;
  --color-accent-200: #cbf2de;
  --color-accent-300: #9fe3c0;
  --color-accent-400: #63ca9c;
  --color-accent-500: #2ba876;
  --color-accent-600: #17885b;
  --color-accent-700: #0d6a46;
  --color-accent-800: #094e34;
  --color-accent-900: #073624;

  --color-accent-2-100: #eef3ef;
  --color-accent-2-200: #d9e4db;
  --color-accent-2-300: #b6ccbc;
  --color-accent-2-400: #8fac97;
  --color-accent-2-500: #6a8a74;
  --color-accent-2-600: #4c6b56;
  --color-accent-2-700: #2f4c3a;
  --color-accent-2-800: #16301f;
  --color-accent-2-900: #0c1e14;

  --font-heading: "Playfair Display", Georgia, serif;
  --font-heading-weight: 400;
  --font-body: "Jost", system-ui, sans-serif;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #0e1c14 12%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #0e1c14 14%, transparent);
  --shadow-lg: 0 16px 44px color-mix(in srgb, #0e1c14 20%, transparent);
}

body { font-weight: 400; }
h1, h2, h3, h4 { letter-spacing: -0.01em; }

a { color: var(--color-accent-700); }
a:hover { color: var(--color-accent-800); }

/* Les photographies gardent leur couleur : un voile trop appuyé ternit les
   verts, qui sont l'argument du site. */
.washed { filter: saturate(0.95) contrast(0.97) brightness(1.02); }

/* Le kicker en petites capitales espacées, repris du site Guitard. */
.kicker {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Les emplacements photo ne doivent jamais imposer leur largeur intrinsèque
   à une grille : sans cela, une colonne explose en affichage mobile. */
image-slot { min-width: 0; max-width: 100%; }

/* Contraste des boutons : texte blanc sur vert foncé (≥ 7:1), survol encore plus foncé. */
.btn-primary { background: var(--color-accent-700); color: #ffffff; }
.btn-primary:hover { background: var(--color-accent-800); color: #ffffff; }
.btn-primary:active { background: var(--color-accent-900); }
:focus-visible { outline: 2px solid var(--color-accent-700); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
.seg-opt:has(input:checked) { background: var(--color-accent-700); color: #ffffff; }