/* MisafyAI spacing, radius, elevation. */
:root {
  /* Spacing scale (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Radius — generous, premium */
  --radius-sm: 8px;    /* buttons, inputs */
  --radius-md: 12px;   /* default token */
  --radius-lg: 16px;   /* cards, widgets (rounded-xl premium feel) */
  --radius-xl: 24px;   /* large surfaces, social cards */
  --radius-full: 9999px; /* pills, avatars */

  /* Elevation — soft, layered */
  --shadow-card: 0 2px 4px rgba(22, 8, 11, 0.04), 0 1px 2px rgba(22, 8, 11, 0.03);
  --shadow-float: 0 10px 30px rgba(74, 24, 37, 0.16), 0 2px 8px rgba(74, 24, 37, 0.08);
  --shadow-rose: 0 10px 24px rgba(217, 138, 160, 0.4);

  /* Glass (floating layers only — sticky header / nav / modal) */
  --glass-blur: 14px;
  --glass-surface: rgba(255, 255, 255, 0.7);
  --glass-surface-dark: rgba(35, 20, 24, 0.7);
}