/* ── TechWyse spacing, radii, shadows, motion, layout ─────── */
:root{
  /* Spacing scale (4px base) */
  --space-1:4px;   --space-2:8px;   --space-3:12px;  --space-4:16px;
  --space-5:24px;  --space-6:32px;  --space-7:48px;  --space-8:64px;
  --space-9:96px;  --space-10:128px; --space-11:160px; --space-12:200px;

  /* Section rhythm (editorial folds are generous) */
  --fold-pad-y:clamp(5rem,10vw,10rem);
  --gutter:clamp(1.25rem,5vw,5rem);  /* @kind other */
  --content-max:1240px;
  --content-wide:1440px;

  /* Radii — restrained; the brand is largely square-edged */
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;
  --radius-xl:24px;
  --radius-pill:999px;

  /* Shadows — soft cobalt-tinted elevation */
  --shadow-sm:0 1px 2px rgba(20,26,36,.06),0 1px 3px rgba(20,26,36,.08);
  --shadow-md:0 6px 16px rgba(20,26,36,.08),0 2px 6px rgba(20,26,36,.06);
  --shadow-lg:0 18px 40px rgba(20,26,36,.12),0 6px 14px rgba(20,26,36,.08);
  --shadow-brand:0 20px 48px rgba(27,62,147,.28);
  --shadow-focus:0 0 0 3px rgba(65,145,214,.45);

  /* Motion — smooth, deliberate, editorial (never bouncy) */
  --ease-out:cubic-bezier(.16,1,.3,1);  /* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1);  /* @kind other */
  --ease-standard:cubic-bezier(.4,0,.2,1);  /* @kind other */
  --dur-fast:180ms;  /* @kind other */
  --dur-base:320ms;  /* @kind other */
  --dur-slow:640ms;  /* @kind other */
  --dur-reveal:900ms;  /* @kind other */

  --z-nav:100;  /* @kind other */
  --z-overlay:200;  /* @kind other */
  --z-modal:300;  /* @kind other */
}