/* yet.digital — Spacing & Radius Tokens
 * 4px-Grid. Verwende konsistent statt Pixel zu hardcoden.
 */

:root {
  /* --- Spacing Scale (4px Grid) --- */
  --space-0:   0;
  --space-1:   0.25rem;  /*  4px */
  --space-2:   0.5rem;   /*  8px */
  --space-3:   0.75rem;  /* 12px */
  --space-4:   1rem;     /* 16px */
  --space-5:   1.5rem;   /* 24px */
  --space-6:   2rem;     /* 32px */
  --space-7:   3rem;     /* 48px */
  --space-8:   4rem;     /* 64px */
  --space-9:   6rem;     /* 96px */
  --space-10:  8rem;     /* 128px */

  /* --- Border Radius --- */
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-pill: 9999px;

  /* --- Shadows (kühl, mit leichtem Brand-Tint) --- */
  --shadow-sm: 0 1px 2px rgba(14, 15, 26, 0.06);
  --shadow-md: 0 4px 12px rgba(14, 15, 26, 0.08);
  --shadow-lg: 0 12px 32px rgba(14, 15, 26, 0.12);
  --shadow-glow-pink: 0 8px 32px rgba(255, 73, 158, 0.25);
  --shadow-glow-azure: 0 8px 32px rgba(73, 182, 255, 0.25);
}