:root {
  --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;

  --section-y: clamp(80px, 10vw, 144px);
  --gutter: clamp(20px, 4vw, 48px);
  --container: 1200px;
  --container-narrow: 760px;

  --radius-0: 0px;
  --radius-1: 2px;   /* buttons, tags */
  --radius-2: 4px;   /* cards */
  --radius-3: 8px;   /* photo frames, large panels */

  --rule-width: 1px;
  --accent-rule: 32px; /* short blue marker above eyebrows */

  --shadow-card: 0 1px 2px rgba(23, 32, 51, 0.04);
  --shadow-card-hover: 0 12px 32px -16px rgba(23, 32, 51, 0.22);

  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur-fast: 140ms;
  --dur: 240ms;
}