/* AI Lab — Spacing, radii, sizing
   Base unit: 4px. The waveform mark is built from capsules, so the brand
   leans on generous pill/rounded radii. */

: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;

  /* Radii */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-pill: 999px;

  /* Layout */
  --container-max:   1200px;
  --container-text:  680px;
  --gutter:          24px;

  /* Control heights */
  --control-sm:   34px;
  --control-md:   42px;
  --control-lg:   52px;

  /* Borders */
  --border-width:  1px; /* @kind other */
}