/* ============================================================
   WeO · Spacing, radius, sizing & layout tokens
   Base unit 4px. Radii lean generous & circular — the system is
   built from Os, so pills (999px) and soft 20–30px cards dominate.
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --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;

  /* ---- Radius scale ---- */
  --radius-well:  13px;   /* inset input wells */
  --radius-sm:    14px;
  --radius-md:    18px;
  --radius-lg:    22px;   /* standard card */
  --radius-xl:    26px;
  --radius-2xl:   30px;   /* hero / WeO card */
  --radius-pill:  999px;  /* buttons, chips, nav — the default */
  --radius-full:  50%;    /* Os, orbs, avatars */

  /* ---- Stroke widths ---- */
  --stroke-hair:  1px;
  --stroke:       1.6px;  /* default icon stroke */
  --stroke-thick: 2px;

  /* ---- Sizing: control heights ---- */
  --control-sm: 36px;
  --control-md: 44px;     /* min touch target */
  --control-lg: 52px;

  /* ---- Icon sizes ---- */
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-xl: 32px;

  /* ---- Layout ---- */
  --container-max: 1180px;
  --content-max:   660px;

  /* ---- Z-index layers ---- */
  --z-base:     0;   /* @kind other */
  --z-sticky:   100; /* @kind other */
  --z-overlay:  400; /* @kind other */
  --z-modal:    500; /* @kind other */
  --z-toast:    700; /* @kind other */
  --z-tooltip:  800; /* @kind other */
}