/* ============================================================
   CICLEO — Design Tokens (v1.0) — thème enfant Blocksy.
   Dérivé de la charte graphique CICLEO. Voir ADL (ADR-003/012).
   ============================================================ */
:root{
  --cicleo-green:        #7BC043;
  --cicleo-green-ink:    #5A9A2E;
  --cicleo-green-dark:   #123D2B;
  --cicleo-green-forest: #0B3B27;
  --cicleo-ink:          #0F1720;
  --cicleo-slate:        #6B7280;
  --cicleo-mint:         #E8F4E3;
  --cicleo-cloud:        #F2F4F5;
  --cicleo-line:         #E5E9EC;
  --cicleo-white:        #FFFFFF;

  --cicleo-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --cicleo-s1:4px; --cicleo-s2:8px; --cicleo-s3:12px; --cicleo-s4:16px;
  --cicleo-s5:24px; --cicleo-s6:32px; --cicleo-s7:48px; --cicleo-s8:64px; --cicleo-s9:96px;

  --cicleo-r-sm:8px; --cicleo-r-md:14px; --cicleo-r-lg:22px; --cicleo-r-pill:999px;

  --cicleo-e1:0 1px 3px rgba(15,23,32,.08);
  --cicleo-e2:0 4px 12px rgba(15,23,32,.08);
  --cicleo-e3:0 12px 32px rgba(15,23,32,.12);
  --cicleo-e-green:0 8px 24px rgba(123,192,67,.35);

  --cicleo-t-fast:140ms cubic-bezier(.4,0,.2,1);
  --cicleo-t-med:240ms cubic-bezier(.4,0,.2,1);

  --cicleo-container:1120px;
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Boutons — cohérence marque CICLEO */
.wp-block-button__link,.button,button.single_add_to_cart_button,.woocommerce a.button,.woocommerce button.button{
  border-radius: var(--cicleo-r-pill) !important;
  font-weight: 600;
  transition: transform var(--cicleo-t-fast), box-shadow var(--cicleo-t-med);
}
.woocommerce a.button:hover,.woocommerce button.button:hover{
  box-shadow: var(--cicleo-e-green);
  transform: translateY(-2px);
}
/* Prix WooCommerce en vert forêt */
.woocommerce .price,.woocommerce ul.products li.product .price{
  color: var(--cicleo-green-dark);
  font-weight: 700;
}

/* ============================================================
   Mapping vers les variables Blocksy (application globale marque)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root{
  --theme-palette-color-1:#7BC043; /* accent / boutons / liens */
  --theme-palette-color-2:#5A9A2E; /* accent survol */
  --theme-palette-color-3:#123D2B; /* titres / vert forêt */
  --theme-palette-color-4:#0F1720; /* texte principal */
  --theme-palette-color-5:#6B7280; /* texte secondaire */
  --theme-palette-color-6:#E8F4E3; /* fond doux */
  --theme-palette-color-7:#F2F4F5; /* surfaces */
  --theme-palette-color-8:#FFFFFF; /* fond */
  --theme-font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --theme-text-color:#0F1720;
  --theme-headings-color:#123D2B;
  --theme-link-color:#5A9A2E;
  --theme-link-hover-color:#123D2B;
  --theme-button-background-color:#7BC043;
  --theme-button-background-hover-color:#5A9A2E;
  --theme-button-text-color:#0d2b12;
  --theme-button-text-hover-color:#ffffff;
}
body,button,input,select,textarea{ font-family: var(--theme-font-family); }
h1,h2,h3,h4,h5,h6{ font-family: var(--theme-font-family); color: var(--cicleo-green-dark); }