/* TechHome — Espacement, rayons, largeurs. Grille de base 4px. */
:root{
  --sp-0:0px; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;
  --sp-16:64px; --sp-20:80px; --sp-24:96px; --sp-32:128px; --sp-40:160px;

  /* Rythme vertical des sections (site) */
  --section-y:var(--sp-32);
  --section-y-tight:var(--sp-20);
  --gutter:var(--sp-6);
  --container:1200px;
  --container-narrow:760px;

  /* Points de rupture. Mobile d'abord : le navy et la pile verticale
     sont le cas par défaut, la grille multi-colonnes est l'exception. */
  --bp-sm:480px;
  --bp-md:768px;
  --bp-lg:1024px;
  --bp-xl:1280px;

  /* Gouttières et rythme vertical, version mobile */
  --gutter-mobile:var(--sp-5);
  --section-y-mobile:var(--sp-16);

  /* Cible tactile minimale — jamais en dessous. */
  --touch-min:44px;

  /* Rayons — la marque est angulaire : jamais de pilule sur un bloc.
     Seuls les badges et l'avatar sont pleinement arrondis. */
  --r-none:0px;
  --r-xs:3px;
  --r-sm:6px;
  --r-md:10px;   /* défaut cartes & boutons */
  --r-lg:16px;   /* grandes cartes, médias */
  --r-xl:24px;
  --r-full:999px;

  --bw-hairline:1px;  /* @kind spacing */
  --bw-strong:2px;  /* @kind spacing */
  --bw-rule:3px;  /* @kind spacing */

  --dur-fast:120ms;  /* @kind other */
  --dur:200ms;  /* @kind other */
  --dur-slow:340ms;  /* @kind other */
  --dur-reveal:600ms;  /* @kind other */
  --ease:cubic-bezier(.2,.6,.2,1);  /* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1);  /* @kind other */
  --ease-in-out:cubic-bezier(.6,0,.3,1);  /* @kind other */
}

/* --- Web : dimensions des composants (thème WordPress) -------------- */
:root{
  --icon-13:13px;--icon-14:14px;--icon-15:15px;--icon-16:16px;--icon-17:17px;
  --icon-18:18px;--icon-20:20px;--icon-22:22px;--icon-28:28px;
  --icon-box:42px;--icon-box-sm:38px;--icon-btn-sm:30px;--icon-btn-lg:46px;
  --btn-pad-sm:8px 14px;--btn-pad-md:12px 20px;--btn-pad-lg:16px 28px;
  --badge-pad:5px 10px;--tag-pad:6px 12px;
  --input-pad:11px 14px;--input-pad-icon:40px;--input-pad-select:38px;--input-icon-x:13px;
  --dot:6px;--check-size:19px;
  --switch-w:40px;--switch-h:22px;--switch-knob:16px;--switch-inset:2px;
  --hero-pad-top:104px;--hero-pad-bottom:var(--sp-24);
  --mark-hero:420px;--mark-hero-mobile:220px;--mark-hero-mobile-w:62%;
  --logo-header:34px;--logo-header-mobile:28px;--logo-footer:36px;
  --grid-card-min:280px;--pattern-size-mobile:40px;--trace-step:26px;
  --rule-w:56px;--rule-w-hero:88px;--rule-w-hero-mobile:64px;--flag-w:180px;--flag-w-contact:200px;--flag-h:8px;
  --r-rule:2px;--gap-hair:2px;--gap-unit:3px;--gap-link:6px;--lift:-2px;--press:1px;
}