/*
  Spacing tokens. The legacy scale (app/assets/stylesheets/config/spaces.scss) was
  already clean and consistent (1-80px) -- reused here almost as-is, renamed to a
  numeric t-shirt scale and expressed as rem for accessibility (respects user
  font-size zoom settings).
*/

:root {
  --space-1: 0.0625rem; /* 1px  - hairlines */
  --space-2: 0.3125rem; /* 5px  */
  --space-3: 0.5rem;    /* 8px  */
  --space-4: 0.625rem;  /* 10px */
  --space-5: 0.9375rem; /* 15px */
  --space-6: 1.25rem;   /* 20px - default component padding */
  --space-7: 1.875rem;  /* 30px */
  --space-8: 2.5rem;    /* 40px */
  --space-9: 3.125rem;  /* 50px */
  --space-10: 3.75rem;  /* 60px */
  --space-11: 5rem;     /* 80px */

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-pill: 999px;

  --border-width: 1px;

  --shadow-sm: 0 1px 2px rgba(26, 26, 26, 0.06);
  --shadow-md: 0 2px 8px rgba(26, 26, 26, 0.08);
  --shadow-lg: 0 8px 24px rgba(26, 26, 26, 0.12);

  /* Tinted shadow for primary/danger solid actions -- gives buttons the
     "lifted, confident" quality from the reference (shadow-lg shadow-primary/20)
     instead of a flat neutral drop-shadow. */
  --shadow-primary: 0 4px 12px rgba(47, 111, 235, 0.25);
  --shadow-danger: 0 4px 12px rgba(215, 61, 61, 0.25);
}