/* Orto MG — spacing & radius tokens.
   The file's own auto-layout gaps/paddings are irregular (13px, 15px, 33.5px
   radii, etc). Rather than force them onto a 4/8px grid, the scale below
   keeps the real recurring values and adds round intermediate steps only
   where the source had none to draw from. */

:root {
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 13px;    /* navbar link gap */
  --space-sm: 15px;    /* form checkbox gap */
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 68px;    /* landing side margin at 1920 canvas */
  --space-2xl: 120px;  /* section vertical rhythm */
  --space-3xl: 180px;

  /* ---- Radii ---- */
  --radius-xs: 2px;      /* checkbox */
  --radius-sm: 8px;      /* feature icon tile */
  --radius-md: 9px;      /* stat block (Group39) */
  --radius-lg: 33.5px;   /* pill button (height/2) */
  --radius-xl: 37px;     /* image mask corners */
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-card: 0 4px 32px rgba(0, 0, 0, 0.10);
  --shadow-button: 0 2px 18px rgba(237, 26, 58, 0.25);
  --shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.08);
}