/* La Serre — couleurs (source: less/colors.less + valeurs relevées dans home/location.less) */
:root{
  /* Encre & gris */
  --ls-ink:#272727;            /* texte, bordures de nav, logo wordmark */
  --ls-black:#000000;          /* titres h1–p dans fonts.less */
  --ls-grey-dark:#4A4A4A;
  --ls-grey-label:#4F4F4F;     /* labels & placeholders formulaires */
  --ls-grey-border:#828282;    /* bordure input */
  --ls-grey-text:#9B9B9B;      /* liens nav inactifs */
  --ls-grey-mute:#BDBDBD;      /* unités de prix, indicateurs inactifs */
  --ls-grey-light:#CFCFCF;     /* séparateur vertical nav */
  --ls-grey:#DDDDDD;           /* cellule dispo inconnue */
  --ls-grey-line:#E0E0E0;      /* filets / border-top sections */
  --ls-separator-soft:rgba(189,189,189,.3);

  /* Marque */
  --ls-mint:#3AFFC1;           /* cadre du logo LA SERRE */
  --ls-violet:#8A63D2;         /* boutons, liens, focus */
  --ls-violet-dark:#7242CC;    /* survol */
  --ls-violet-ink:#7C4FCF;     /* encre bande projets, fond cartes projet */

  /* Bandes éditoriales (accueil) */
  --ls-yellow-band:#FFFBC7;    /* Nos missions, fond formulaires */
  --ls-blue-ink:#3347F7;       /* encre sur bande jaune + recrutement */
  --ls-blue-frame:rgba(52,24,220,.17);
  --ls-mint-band:#D8FFF3;      /* Nos projets actuels */

  /* Location Biopôle */
  --ls-pink-band:#FDEBED;
  --ls-pink-accent:#E91E63;    /* indicateur carrousel actif */
  --ls-cream-frame:#FBFAE8;

  /* Consultations solidaires */
  --ls-teal-band:#E0F7FA;
  --ls-teal-panel:#EAFBFF;
  --ls-teal-panel-2:#DDF6FB;
  --ls-teal-tile:#F5FBFC;
  --ls-teal-soft:#EAF7F5;
  --ls-teal-ink:#0F2E34;
  --ls-teal-mute:#6B7A7E;
  --ls-sage:#45A385;
  --ls-step-2:#5B8FD6;
  --ls-step-3:#6F74D0;
  --ls-teal-line:rgba(69,163,133,.12);

  /* Palette héritée colors.less (cAH) */
  --ls-green-dark:#216051;
  --ls-green-medium:#43A790;
  --ls-green:#A1D2C7;
  --ls-green-light:#ECF6F4;
  --ls-green-text:#43A890;
  --ls-brown-dark:#C99E67;
  --ls-brown:#EAD8C2;
  --ls-brown-light:#F9F5EF;
  --ls-blue-dark:#4A90E2;
  --ls-blue-light:#F2F7FC;
  --ls-red:#F25D6F;
  --ls-red-light:#FDEBED;
  --ls-orange:#F5A623;

  /* Sémantique */
  --text-body:var(--ls-ink);
  --text-heading:var(--ls-black);
  --text-muted:var(--ls-grey-text);
  --surface-page:#FFFFFF;
  --action:var(--ls-violet);
  --action-hover:var(--ls-violet-dark);
  --focus-ring:var(--ls-violet);
  --line:var(--ls-grey-line);
  --status-available:var(--ls-green-medium);
  --status-full:var(--ls-red);
  --status-unknown:var(--ls-grey);
}
/* La Serre — typographie (source: less/fonts.less, home.less) */
:root{
  --font-display:'Euclid Flex','Helvetica Neue',Arial,sans-serif;
  --font-text:'Suisse Intl','Helvetica Neue',Arial,sans-serif;

  --type-hero-size:84px;  --type-hero-lh:90px;   /* Euclid 500, uppercase, centré, -2% */
  --type-h1-size:34px;    --type-h1-lh:40px;     /* Euclid 500 — 26/32 ≤1024px */
  --type-h2-size:30px;    --type-h2-lh:36px;     /* Euclid 500 — aussi .section-title */
  --type-h3-size:22px;    --type-h3-lh:28px;     /* Suisse 500 */
  --type-lead-size:26px;  --type-lead-lh:32px;   /* h4 Suisse 600 — accroches de section */
  --type-intro-size:20px; --type-intro-lh:28px;  /* .p_intro Suisse Book 450 */
  --type-big-size:18px;   --type-big-lh:28px;    /* .p_big Suisse 400 */
  --type-body-size:16px;  --type-body-lh:24px;   /* p Suisse 400 */
  --type-small-size:14px; --type-small-lh:20px;  /* .p_small */
  --type-xsmall-size:13px;--type-xsmall-lh:20px; /* texte cartes missions */
  --type-nav-size:15px;                          /* Suisse 500 */
  --type-caption-size:12px;--type-caption-lh:16px;
}
/* La Serre — mise en page, espacements, rayons */
:root{
  --container-max:1260px;
  --container-pad:15px;
  --nav-top:44px;

  --space-section-sm:60px;   /* disponibilités */
  --space-section-md:80px;   /* sections solidaires */
  --space-section-lg:100px;  /* recrutement, partenaires */
  --space-separator:30px;    /* marge au-dessus/dessous des séparateurs d'accueil */
  --space-field:36px;        /* entre champs de formulaire */

  /* Rayons — deux registres */
  --radius-none:0;           /* cartes éditoriales accueil / location */
  --radius-input:5px;
  --radius-cell:8px;         /* cellules disponibilités */
  --radius-doc:14px;
  --radius-media:18px;       /* galerie, tuiles outils */
  --radius-panel:22px;       /* panneaux consultations solidaires */
  --radius-button:30px;
  --radius-button-lg:40px;
  --radius-round:50%;
}
/* La Serre — ombres, transitions */
:root{
  --shadow-form:0 4px 20px rgba(0,0,0,.07);
  --shadow-panel:0 18px 45px rgba(63,126,145,.12);
  --shadow-panel-soft:0 12px 30px rgba(63,126,145,.10);
  --shadow-card:0 6px 22px rgba(63,126,145,.08);
  --shadow-card-hover:0 10px 28px rgba(63,126,145,.14);
  --shadow-chip:0 8px 18px rgba(69,163,133,.16);
  --shadow-modal:0 24px 60px rgba(15,46,52,.22);
  --overlay-teal:rgba(15,46,52,.45);

  --ease-std:all .3s ease-in-out;
  --ease-nav:color .2s ease, border-color .2s ease;
  --float-duration:3.75s;    /* flottement vertical des illustrations */
  --spin-duration:15s;       /* rotation lente des blocs */
}
@keyframes ls-floating{from{transform:translate(0,0)}50%{transform:translate(0,30px)}to{transform:translate(0,0)}}
@keyframes ls-floating-up{0%{transform:translate(0,20px)}50%{transform:translate(0,0)}100%{transform:translate(0,20px)}}
@keyframes ls-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes ls-bee-float{from{transform:translate(0,40px)}50%{transform:translate(0,0)}to{transform:translate(0,40px)}}
@keyframes ls-bee-move-ltr{from{left:0%}to{left:100%}}
@keyframes ls-bee-move-rtl{from{right:-2%}to{right:100%}}