/* ============================================================
   Arístides — Spacing & Layout Tokens
   8px base grid · sober, generous institutional rhythm
   ============================================================ */

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

  /* ---- Section rhythm ---- */
  --section-y:        var(--space-11);
  --section-y-tight:  var(--space-9);

  /* ---- Container widths ---- */
  --container-sm:     640px;
  --container-md:     840px;
  --container-lg:     1080px;
  --container-xl:     1280px;
  --container-gutter: var(--space-6);

  /* ---- Radii (sober — mostly squared with a touch of softening) ---- */
  --radius-none:   0;
  --radius-xs:     2px;
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     12px;
  --radius-xl:     18px;
  --radius-pill:   999px;
  --radius-circle: 50%;

  /* ---- Border widths ---- */
  --border-hair:   1px;
  --border-thin:   1.5px;
  --border-thick:  3px;
  --border-bar:    6px;     /* the brand "bar under text" accent */

  /* ---- Signature geometry ---- */
  --slash-angle:   18deg; /* @kind other */  /* the diagonal "/" cut that runs through the brand */
  --diag-skew:     -14deg; /* @kind other */ /* parallelogram bars / diagonal panel divisions */

  /* ---- Z-index ---- */
  --z-base:    0;    /* @kind other */
  --z-raised:  10;   /* @kind other */
  --z-sticky:  100;  /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-modal:   1100; /* @kind other */
  --z-toast:   1200; /* @kind other */
}