/* Wanted Design System — Spacing & radius scale
   Wanted uses a dense, non-linear spacing rhythm (2,4,6,8,10,12,16,20,24,28,32,40,48,64).
   Radii come straight from the Figma "Frame"/"Modal" collections (12 / 14 default). */

:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;

  /* Corner radii */
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;   /* default control radius */
  --radius-14: 14px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-round: 999px;

  /* Elevation — shadow system observed in the file (soft, low-alpha neutral) */
  --shadow-emphasize: 0 1px 4px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.08);
  --shadow-normal: 0 1px 8px rgba(0,0,0,0.08), 0 0 2px rgba(0,0,0,0.08);
  --shadow-strong: 0 4px 16px rgba(0,0,0,0.12), 0 0 4px rgba(0,0,0,0.08);
  --shadow-heavy: 0 8px 28px rgba(0,0,0,0.12), 0 0 8px rgba(0,0,0,0.08);
}