/* Loophole Labs — spacing, borders, shadows
   The brand is rectilinear and terminal-like: zero corner radius,
   hairline rules, and hard (unblurred) offset shadows. */

:root {
  /* Spacing — generous, slide-scale rhythm */
  --space-1: 5px;
  --space-2: 10px;
  --space-3: 15px;
  --space-4: 20px;
  --space-5: 30px;
  --space-6: 40px;
  --space-7: 60px;
  --space-8: 80px;     /* logo clear-space / slide padding */
  --space-9: 100px;

  /* Radius — the brand has NO rounded corners */
  --radius-none: 0;
  --radius-default: 0;

  /* Borders */
  --border-w-hairline: 0.5px;   /* full-width dividers on slides */
  --border-w-thin: 1px;         /* frames, inset outlines */
  --border-w-default: 1.6px;    /* spec-sheet border frames */
  --border-w-box: 2px;          /* diagram boxes */

  /* Shadows — hard offsets only, never blurred */
  --shadow-hard: 5px 5px 0 0 var(--bg-night-2);          /* diagram box drop */
  --shadow-frame: inset 0 0 0 var(--border-w-default) var(--border-faint);
  --shadow-box: inset 0 0 0 var(--border-w-box) var(--border-strong);
}