/* ============================================================
   Blessin AI — Spacing & sizing tokens
   The product is built on Tailwind's 4px spacing unit. These
   tokens name the values the components actually reach for, plus
   the fixed control heights that make the UI feel dense and tidy.
   ============================================================ */

:root {
  /* 4px base rhythm */
  --space-0_5: 0.125rem;  /* 2px  */
  --space-1: 0.25rem;     /* 4px  */
  --space-1_5: 0.375rem;  /* 6px  */
  --space-2: 0.5rem;      /* 8px  */
  --space-2_5: 0.625rem;  /* 10px */
  --space-3: 0.75rem;     /* 12px */
  --space-4: 1rem;        /* 16px */
  --space-6: 1.5rem;      /* 24px */
  --space-8: 2rem;        /* 32px */

  /* Fixed control heights (compact by design) */
  --control-h-xs: 1.5rem;    /* 24px — xs button / icon-xs */
  --control-h-sm: 1.75rem;   /* 28px — sm button, sm select */
  --control-h: 2rem;         /* 32px — default button, input, select */
  --control-h-lg: 2.25rem;   /* 36px — lg button */

  /* Card interior padding (--card-spacing) */
  --card-spacing: 1rem;      /* 16px default */
  --card-spacing-sm: 0.75rem;/* 12px for size="sm" */

  /* Widget geometry */
  --widget-launcher: 3.5rem; /* 56px collapsed bubble */
  --widget-panel-w: 380px;
  --widget-panel-h: 600px;
}