/* TechHome — Ombres, lueurs, flous. Sur fond navy, une ombre noire
   ne se voit pas : la profondeur vient d'un filet clair en haut +
   d'une ombre très diffuse, et parfois d'une lueur d'accent. */
:root{
  --sh-none:none;  /* @kind shadow */
  --sh-1:0 1px 2px #00000040;
  --sh-2:0 4px 14px -4px #00000059;
  --sh-3:0 12px 32px -8px #00000073;
  --sh-4:0 28px 70px -18px #00000080;
  /* filet lumineux interne : le "bord éclairé" des cartes navy */
  --sh-inset-top:inset 0 1px 0 #FFFFFF0F;
  --sh-inset-ring:inset 0 0 0 1px #FFFFFF0A;
  /* carte navy canonique */
  --sh-card:var(--sh-2),var(--sh-inset-top);
  --sh-card-hover:var(--sh-3),inset 0 1px 0 #FFFFFF1A;

  /* Lueurs d'accent — l'écho du signal WiFi du logo. Parcimonie. */
  --glow-teal:0 0 0 1px #2EC4B640,0 8px 30px -6px #2EC4B659;
  --glow-coral:0 0 0 1px #FF6B5B40,0 8px 30px -6px #FF6B5B59;
  --glow-mauve:0 0 0 1px #9B7EDE40,0 8px 30px -6px #9B7EDE59;
  --glow-focus:0 0 0 2px var(--navy-900),0 0 0 4px var(--teal);

  --blur-panel:blur(18px) saturate(1.25);  /* @kind other */
  --blur-overlay:blur(6px);  /* @kind other */
  --scrim:#050B16CC;  /* @kind other */

  --opacity-disabled:0.4;  /* @kind other */
  --opacity-hover-veil:0.08;  /* @kind other */
}

/* --- Web : lueurs, fondus et masques (thème WordPress) -------------- */
:root{
  --glow-input:0 0 0 3px #2EC4B629;
  --drop-mark:drop-shadow(0 24px 60px #8B5CF640);  /* @kind other */
  --drop-mark-sm:drop-shadow(0 16px 40px #8B5CF640);  /* @kind other */
  --fade-hero:radial-gradient(85% 75% at 62% 8%,transparent 0%,var(--navy-900) 76%);  /* @kind other */
  --fade-hero-mobile:radial-gradient(90% 60% at 50% 4%,transparent 0%,var(--navy-900) 80%);  /* @kind other */
  --mask-card:radial-gradient(120% 100% at 100% 0%,#000 0%,transparent 70%);  /* @kind other */
  --mask-band:radial-gradient(90% 120% at 100% 0%,#000 0%,transparent 72%);  /* @kind other */
}