/* AEVUM Design System — Spacing & Layout Tokens */

:root {

  /* ── SPACING SCALE ───────────────────────────────────────── */
  --space-1:    0.25rem;    /*   4px */
  --space-2:    0.5rem;     /*   8px */
  --space-3:    0.75rem;    /*  12px */
  --space-4:    1rem;       /*  16px */
  --space-5:    1.25rem;    /*  20px */
  --space-6:    1.5rem;     /*  24px */
  --space-8:    2rem;       /*  32px */
  --space-10:   2.5rem;     /*  40px */
  --space-12:   3rem;       /*  48px */
  --space-16:   4rem;       /*  64px */
  --space-20:   5rem;       /*  80px */
  --space-24:   6rem;       /*  96px */
  --space-32:   8rem;       /* 128px */
  --space-40:  10rem;       /* 160px */
  --space-48:  12rem;       /* 192px */
  --space-56:  14rem;       /* 224px */

  /* ── LAYOUT CONTAINERS ───────────────────────────────────── */
  --container-sm:   40rem;   /*  640px — body text max */
  --container-md:   60rem;   /*  960px */
  --container-lg:   75rem;   /* 1200px — content max   */
  --container-xl:   90rem;   /* 1440px — design width  */
  --container-max: 100rem;   /* 1600px — wide screens  */

  /* ── BORDER RADIUS ───────────────────────────────────────── */
  /* AEVUM uses minimal or zero rounding — sharp, architectural */
  --radius-none:  0px;
  --radius-xs:    1px;
  --radius-sm:    2px;
  --radius-md:    4px;   /* inputs only */
  --radius-full:  9999px;

  /* ── SECTION RHYTHM (responsive) ────────────────────────── */
  --section-padding-y:      clamp(5rem, 10vh, 12rem);
  --section-padding-x:      clamp(1.5rem, 5vw,  8rem);
  --section-padding-x-wide: clamp(2rem,   7vw, 10rem);
}