:root {
  --radius: 18px;          /* project rows, panels */
  --radius-card: 16px;     /* glass nav cards */
  --radius-drop: 14px;     /* dropzone */
  --radius-small: 8px;     /* skip link */
  --radius-focus: 6px;
  --radius-pill: 999px;    /* every button */

  --space-1: 2px; --space-2: 6px; --space-3: 8px; --space-4: 12px; --space-5: 14px; --space-6: 16px;
  --space-7: 20px; --space-8: 24px; --space-9: 28px; --space-10: 32px; --space-11: 40px; --space-12: 56px;

  --wrap-max: 1240px;
  --wrap-max-demo: 1080px;
  --wrap-pad: clamp(16px, 4vw, 48px);
  --section-pad: clamp(96px, 13vw, 176px);
  --col-gap: clamp(24px, 4vw, 64px);
  --bar-height: 72px;

  --shadow-card: var(--card-shadow);
  --blur-bar: blur(16px) saturate(1.3); /* @kind other */
  --blur-card: blur(14px) saturate(1.3); /* @kind other */
  --blur-chip: blur(10px); /* @kind other */

  --ease-out-soft: cubic-bezier(.2,.7,.2,1); /* @kind other */
  --dur-fast: .2s; /* @kind other */
  --dur-hover: .25s; /* @kind other */
  --dur-bar: .35s; /* @kind other */
  --dur-reveal: .9s; /* @kind other */
}