:root {
  /* Spacing — 4px base, shared by every app */
  --space-0-5: 0.125rem;
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-2-5: 0.625rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radii — raw scale (personality picks from it) */
  --radius-xs: 0.25rem;   /* 4  */
  --radius-sm: 0.375rem;  /* 6  */
  --radius-md: 0.5rem;    /* 8  */
  --radius-lg: 0.75rem;   /* 12 */
  --radius-xl: 1rem;      /* 16 */
  --radius-2xl: 1.5rem;   /* 24 */
  --radius-full: 9999px;

  /* Touch target */
  --hit-min: 2.75rem;     /* 44px */

  /* Icons — Lucide only */
  --icon-xs: 14px;
  --icon-sm: 16px;   /* inside buttons, inline with text */
  --icon-md: 20px;   /* nav, header actions, icon buttons */
  --icon-lg: 24px;   /* empty states, feature lists */
  --icon-xl: 32px;   /* hero features */

  /* Shadow primitives */
  --shadow-light-xs: 0 1px 2px 0 rgb(var(--sw-navy-rgb) / 0.05);
  --shadow-light-sm: 0 2px 12px rgb(var(--sw-navy-rgb) / 0.08);
  --shadow-light-md: 0 8px 24px rgb(var(--sw-navy-rgb) / 0.12);
  --shadow-light-lg: 0 24px 60px -24px rgb(var(--sw-navy-rgb) / 0.25);
  --shadow-light-popover: 0 18px 42px -24px rgb(var(--sw-navy-rgb) / 0.45);
  --shadow-dark-sm: 0 0.75rem 2rem rgba(0, 0, 0, 0.22);
  --shadow-dark-md: 0 1rem 3rem rgba(0, 0, 0, 0.28);
  --shadow-dark-lg: 0 2rem 6rem rgba(0, 0, 0, 0.42);
  --shadow-reward-glow: 0 0 10px rgb(var(--sw-gold-rgb) / 0.45);

  /* Motion */
  --ease-standard: ease; /* @kind other */
  --ease-out: ease-out; /* @kind other */
  --ease-brand: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 160ms; /* @kind other */
  --duration-medium: 200ms; /* @kind other */
  --duration-slow: 600ms; /* @kind other */

  /* Z-index */
  --z-base: 1; /* @kind other */
  --z-panel: 10; /* @kind other */
  --z-overlay: 20; /* @kind other */
  --z-topbar: 30; /* @kind other */
  --z-modal: 40; /* @kind other */
  --z-toast: 50; /* @kind other */

  /* Layout reference values */
  --sidebar-width: 16rem;
  --sidebar-width-map: 25.5rem;
  --topbar-height: 4rem;
  --content-max: 80rem;
}