/* =====================================================================
   Only Way Garden — Design Tokens "Vert Nature" (V2 — 2026-07-22)
   POINT DE VÉRITÉ UNIQUE du thème. Modifier ici = re-thémer tout le site.
   V2 : thème clair uniquement (plus de dark mode), plus d'orange —
   CTA verts + boutons WhatsApp. Convention couleur : OKLCH.
   ===================================================================== */

/* --- Police auto-hébergée (100% hors-ligne) -------------------------- */
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/Inter-var.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Couleurs de marque ------------------------------------------- */
  /* Vert franc et frais (inspiration orizonbel.eu), AA 4.8:1 sur blanc */
  --primary:              oklch(0.54 0.105 155);
  --primary-foreground:   oklch(0.99 0.005 150);
  /* Vert profond pour les aplats (hero overlay, bandeaux) */
  --primary-deep:         oklch(0.38 0.075 155);

  /* CTA principal = vert de marque (l'orange a été retiré à la demande
     de Quentin — garder --accent aligné sur --primary) */
  --accent:               oklch(0.54 0.105 155);
  --accent-foreground:    oklch(0.99 0.005 150);

  /* Boutons WhatsApp (vert WhatsApp assombri pour lisibilité AA) */
  --whatsapp:             oklch(0.52 0.15 150);  /* AA >= 4.5 avec texte blanc */
  --whatsapp-foreground:  oklch(0.99 0.005 150);

  /* --- Neutres : BLANC dominant, touches de vert -------------------- */
  --background:           oklch(1 0 0);            /* blanc pur */
  --foreground:           oklch(0.25 0.02 160);    /* vert-anthracite */

  --card:                 oklch(1 0 0);
  --card-foreground:      oklch(0.25 0.02 160);

  --muted:                oklch(0.977 0.004 150);   /* blanc à peine verdi */
  --muted-foreground:     oklch(0.48 0.02 155);     /* gris-vert */

  --secondary:            oklch(0.955 0.007 150);   /* vert très pâle */
  --secondary-foreground: oklch(0.32 0.03 158);

  --border:               oklch(0.925 0.006 150);
  --input:                oklch(0.925 0.006 150);
  --ring:                 oklch(0.54 0.105 155);

  /* --- États -------------------------------------------------------- */
  --success:              oklch(0.62 0.12 150);
  --success-foreground:   oklch(0.99 0.01 150);
  --destructive:          oklch(0.58 0.20 27);
  --destructive-foreground: oklch(0.99 0.01 27);

  /* --- Formes / rayons --------------------------------------------- */
  --radius:               0.75rem;   /* 12px base (boutons, champs) */
  --radius-card:          1rem;      /* 16px cartes */
  --radius-pill:          9999px;    /* badges uniquement */

  /* --- Ombres douces ------------------------------------------------ */
  --shadow-sm:  0 1px 2px oklch(0.24 0.02 155 / 0.06);
  --shadow-md:  0 6px 20px oklch(0.24 0.02 155 / 0.08);
  --shadow-lg:  0 18px 48px oklch(0.24 0.02 155 / 0.12);

  /* --- Typographie : Inter partout ---------------------------------- */
  --font-display: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sans:    "Inter", ui-sans-serif, system-ui, sans-serif;

  /* Échelle fluide mobile-first (clamp min .. max) */
  --step--1: clamp(0.83rem, 0.80rem + 0.15vw, 0.90rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.10rem);
  --step-1:  clamp(1.20rem, 1.10rem + 0.50vw, 1.45rem);
  --step-2:  clamp(1.50rem, 1.30rem + 0.90vw, 2.00rem);
  --step-3:  clamp(2.05rem, 1.65rem + 1.80vw, 3.10rem);
  --step-4:  clamp(2.35rem, 1.80rem + 2.60vw, 3.75rem);  /* hero */

  /* --- Mise en page ------------------------------------------------- */
  --container:   72rem;
  --gutter:      clamp(1rem, 4vw, 2rem);
  --section-y:   clamp(2.75rem, 8vw, 6rem);
  --header-h:    4rem;

  /* --- Plan de superposition (z-index) ------------------------------ */
  --z-header:    100;
  --z-mobilebar: 110;
  --z-overlay:   200;
}