/* Rabwah2045 — spacing, radii, elevation */
: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;

  /* corner radii */
  --radius-hero: 20px;    /* big page-level panels */
  --radius-card: 16px;    /* standard cards */
  --radius-tile: 12px;    /* small tiles, business cards, app icon */
  --radius-field: 10px;   /* inputs */
  --radius-pill: 999px;   /* buttons, badges */

  /* elevation — the brand is flat; one shadow, used rarely (physical objects) */
  --shadow-object: 0 10px 28px rgba(18,26,14,.18);
}