/* Aubuscule spacing, shape and motion tokens. 4px base. */
:root,
[data-theme="light"] {
  --sp-0_5: 2px;
  --sp-1:   4px;
  --sp-1_5: 6px;
  --sp-2:   8px;
  --sp-2_5: 10px;
  --sp-3:   12px;
  --sp-3_5: 14px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-7:   28px;
  --sp-8:   32px;
  --sp-9:   36px;
  --sp-10:  40px;
  --sp-12:  48px;
  --sp-14:  56px;
  --sp-16:  64px;
  --sp-18:  72px;
  --sp-20:  80px;
  --sp-22:  88px;
  --sp-24:  96px;

  /* Square by default; pills only for badges */
  --radius-field:  2px;
  --radius-button: 2px;
  --radius-card:   3px;
  --radius-panel:  8px;
  --radius-pill:   100px;

  /* Flat: one soft card shadow, heavier ones only for floating objects */
  --shadow-card:     0 1px 3px rgba(0,0,0,.07);
  --shadow-hub-card: 0 8px 32px rgba(0,0,0,.25);
  --shadow-object:   0 12px 32px rgba(0,0,0,.28), 0 1px 3px rgba(0,0,0,.2);

  --content-width: 1120px;

  --ease-out: cubic-bezier(.23,1,.32,1);
  --dur-fast: .15s;
  --dur-base: .2s;
}

[data-theme="dark"] {
  --shadow-card:     0 1px 6px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.05);
  --shadow-hub-card: 0 8px 32px rgba(0,0,0,.5);
}