/* Vacei — Spacing. The shell runs on a 14/16px rhythm; cards on 20-24px
   interiors. Base unit 2px, working scale below. */
:root {
  --sp-1:   2px;
  --sp-2:   4px;
  --sp-3:   6px;
  --sp-4:   8px;
  --sp-5:  10px;
  --sp-6:  12px;
  --sp-7:  14px;   /* shell gap between panels + grid gap                  */
  --sp-8:  16px;   /* app padding, sidebar gutter                          */
  --sp-9:  20px;   /* card interior                                        */
  --sp-10: 24px;   /* cover inset                                          */
  --sp-11: 30px;
  --sp-12: 40px;

  --shell-pad:   16px;
  --shell-gap:   16px;
  --panel-gap:   14px;
  --card-pad:    20px;
  --cover-pad-x: 30px;
  --cover-pad-y: 58px;

  /* marketing page rhythm */
  --m-wrap:        1180px;
  --m-gutter:      32px;
  --m-section:     88px;
  --m-section-sm:  64px;
  --m-grid-gap:    18px;

  --sidebar-w:     246px;
  --sidebar-rail:  78px;
  --topbar-h:      56px;
  --cover-min-h:  276px;
}