/* ==========================================================================
   Olfactory Bliss — Spacing & Layout Tokens
   Generous whitespace is a core principle. 4px base grid.
   ========================================================================== */

:root {
  /* ---- Spacing scale (4px base) ---------------------------------------- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;
  --space-32:  128px;

  /* ---- Semantic spacing ------------------------------------------------ */
  --gutter:        var(--space-6);
  --section-y:     var(--space-24);   /* vertical rhythm between sections   */
  --card-pad:      var(--space-6);
  --card-pad-lg:   var(--space-10);

  /* ---- Container widths ------------------------------------------------ */
  --container-sm:  640px;
  --container-md:  960px;
  --container-lg:  1200px;
  --container-xl:  1400px;

  /* ---- Radii — rounded only where appropriate (mostly crisp) ----------- */
  --radius-none:  0;
  --radius-xs:    2px;
  --radius-sm:    4px;
  --radius-md:    8px;
  --radius-lg:    14px;
  --radius-xl:    22px;
  --radius-pill:  999px;
  --radius-circle: 50%;

  /* ---- Border widths --------------------------------------------------- */
  --border-thin:   1px;
  --border-hair:   1px;   /* gold hairline dividers                        */

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