/* ============================================================
   BlackPrint — Spacing, radius, elevation
   Layout is built on a 12px baseline. Spacing favours tight,
   dense rhythm. Corners are softly rounded; the brand "geometry"
   is stadium/pill shapes for interactive elements.
   ============================================================ */

:root {
  /* ---- Spacing scale (px) --------------------------------- */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 48px;
  --space-10: 64px;

  /* ---- Radius --------------------------------------------- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;     /* default control radius */
  --radius-lg: 12px;    /* cards, panels, modals */
  --radius-xl: 16px;
  --radius-pill: 999px; /* buttons, tags, segmented tabs */

  /* ---- Hairline / strokes --------------------------------- */
  --stroke: 1px;

  /* ---- Elevation -----------------------------------------
     Soft, low-spread shadows. On dark surfaces the platform
     leans on borders + the depth scale more than shadow. */
  --elevation-1: 0 1px 2px rgba(0,0,0,0.12);
  --elevation-2: 0 4px 12px rgba(0,0,0,0.16);
  --elevation-3: 0 8px 28px rgba(0,0,0,0.20);
  --elevation-float: 0 12px 40px rgba(0,0,0,0.28);

  /* Inset hairline used heavily on cards/panels */
  --inset-hairline: inset 0 0 0 1px var(--depth-1);
}