/* ============================================================
   AuroraVision — SPACING, RADII, SIZING
   4px base grid.
   ============================================================ */
:root {
  /* ---- Spacing scale (4px base) ---- */
  --av-space-0:   0;
  --av-space-1:   0.25rem;   /* 4 */
  --av-space-2:   0.5rem;    /* 8 */
  --av-space-3:   0.75rem;   /* 12 */
  --av-space-4:   1rem;      /* 16 */
  --av-space-5:   1.5rem;    /* 24 */
  --av-space-6:   2rem;      /* 32 */
  --av-space-7:   3rem;      /* 48 */
  --av-space-8:   4rem;      /* 64 */
  --av-space-9:   6rem;      /* 96 */
  --av-space-10:  8rem;      /* 128 */

  /* ---- Radii ---- */
  --av-radius-xs:   4px;
  --av-radius-sm:   8px;
  --av-radius-md:   12px;   /* controls / inputs */
  --av-radius-lg:   16px;   /* cards */
  --av-radius-xl:   22px;   /* large panels */
  --av-radius-2xl:  30px;
  --av-radius-pill: 999px;

  /* ---- Control sizing ---- */
  --av-control-sm: 32px;
  --av-control-md: 40px;
  --av-control-lg: 48px;

  /* ---- Containers ---- */
  --av-maxw-prose:   68ch;   /* @kind other */
  --av-maxw-content: 1200px; /* @kind other */

  /* ---- Z-index ---- */
  --av-z-base:    1;    /* @kind other */
  --av-z-raised:  10;   /* @kind other */
  --av-z-sticky:  100;  /* @kind other */
  --av-z-overlay: 1000; /* @kind other */
  --av-z-toast:   2000; /* @kind other */
}