/* ============================================================
   Harmony — spacing & radius tokens
   A calm 4px rhythm. Radii climb with elevation: controls are
   gently rounded, cards softer, pills fully round, the mark a
   perfect circle.
   ============================================================ */
:root {
  /* — spacing rhythm (4px base) — */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  22px;
  --space-6:  28px;
  --space-7:  40px;
  --space-8:  56px;

  /* — radius scale — */
  --r-control: 8px;    /* buttons, inputs, small chips of UI */
  --r-card:    13px;   /* cards, raised surfaces */
  --r-modal:   16px;   /* modals, sheets, composers */
  --r-pill:    20px;   /* command bar, rail, capsule chips */
  --r-full:    999px;  /* avatars, dots, fully-round pills */

  /* — chrome geometry (floating-glass shell) — */
  --rail-item:  36px;  /* rail icon button */
  --control-h:  32px;  /* default button / input height */
}