/* Sauli AI – välit, koot ja pyöristykset. 4 px:n perusyksikkö, puolikkaat pienissä väleissä. */
:root {
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Kontrollien korkeudet */
  --size-control-xs: 28px;     /* pienet rivitoiminnot, valitsimet ylätyökaluissa */
  --size-control-header: 30px; /* yläpalkin asiakasvalitsin, profiili */
  --size-control-sm: 32px;     /* pieni painike */
  --size-search: 34px;         /* haku, työkalupalkin painikkeet */
  --size-control: 36px;        /* kenttä, oletuspainike */
  --size-control-lg: 38px;     /* iso painike: tallennus- ja hyväksyntäpalkki */
  --size-control-auth: 42px;   /* kirjautumislomakkeet */
  --size-touch: 44px;          /* vähimmäiskoko karkealla osoittimella */
  --size-choice: 16px;         /* checkbox / radio */
  --size-header: 48px;
  --size-avatar: 36px;
  --size-avatar-lg: 40px;
  --size-tag: 20px;
  --size-pill: 22px;
  --size-status-dot: 17px;

  /* Pyöristykset */
  --radius-check: 5px;
  --radius-tag: 6px;
  --radius-control: 10px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --radius-app-icon: 28px; /* 96 px sovellusikoni */

  /* Leveydet */
  --container-auth: 380px;
  --container-form: 680px;
  --container-dialog: 520px;
  --width-queue: 290px;
}