: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: 192px;

  --radius-s: 2px;
  --radius-m: 4px;
  --radius-l: 8px;
  --radius-full: 999px;

  --shadow-card: 0 1px 2px rgba(42,42,42,0.04), 0 8px 24px rgba(42,42,42,0.06);
  --shadow-elevated: 0 4px 12px rgba(42,42,42,0.08), 0 16px 40px rgba(42,42,42,0.10);
  --shadow-inset-hairline: inset 0 0 0 1px var(--border-subtle);
  --shadow-glow-ocean: 0 8px 32px rgba(106,140,168,0.28);
  --shadow-glow-gold: 0 8px 32px rgba(201,164,106,0.30);

  --ease-atmospheric: cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --duration-fade: 600ms; /* @kind other */
  --duration-hover: 220ms; /* @kind other */

  --container-max: 1400px;
  --container-pad: clamp(24px,5vw,80px);
}