/* ============================================================
   Spacing, radii, shadows & density
   A∴R∴L∴S∴ Justiça e Liberdade
   Tight, document-like density. Radii are small (2–6px) — this
   is a system of papers and seals, not pills. Shadows are faint.
   ============================================================ */

:root {
  /* ---- Spacing scale ---- */
  --pad-1:  6px;
  --pad-2:  10px;
  --pad-3:  16px;
  --pad-4:  24px;
  --pad-5:  36px;
  --pad-6:  56px;

  /* ---- Corner radii ---- */
  --radius-s: 2px;
  --radius:   4px;   /* default — cards, buttons, inputs */
  --radius-l: 6px;   /* modals, featured panels */

  /* ---- Elevation ---- */
  --shadow-card: 0 1px 0 rgba(31,42,58,0.04), 0 1px 2px rgba(31,42,58,0.06);
  --shadow-pop:  0 8px 28px rgba(31,42,58,0.14);

  /* ---- Control metrics ---- */
  --row-h: 44px;
}

/* Dark-mode shadows deepen */
[data-theme="dark"] {
  --shadow-card: 0 1px 0 rgba(0,0,0,0.3), 0 2px 6px rgba(0,0,0,0.3);
  --shadow-pop:  0 12px 32px rgba(0,0,0,0.6);
}

/* Compact density — the app's default (data-density="compact") */
[data-density="compact"] {
  --pad-2: 6px;
  --pad-3: 10px;
  --pad-4: 16px;
  --pad-5: 24px;
  --pad-6: 36px;
  --row-h: 36px;
}