/* Design tokens (single source of truth for visual constants) */
:root{
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 24px;

  --shadow-1: 0 8px 20px rgba(18,48,71,.10);
  --shadow-2: 0 12px 24px rgba(18,48,71,.16);
  --shadow-3: 0 16px 36px rgba(33,61,86,.10);

  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;

  --motion-fast: .14s;
  --motion-mid: .22s;
  --motion-slow: .32s;

  --bp-mobile: 900px;
}