/* ============================================================
   Agentic Punks — Spacing, layout & shape
   Sharp corners. Hard offset shadows. No rounding.
   Verbatim aus dem Design-System (tokens/spacing.css).
   ============================================================ */

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

  /* Slide padding (1920×1080 stage) */
  --pad-x: 128px;
  --pad-y: 96px;

  /* Borders — punk keeps them thick, black and square */
  --border-thin:   2px solid var(--ink);
  --border-thick:  3px solid var(--ink);
  --border-accent: 3px solid var(--red);
  --border-dashed: 2px dashed var(--rule);

  /* Radius — there is none. Everything is a hard rectangle. */
  --radius: 0px;

  /* Signature hard offset shadow (no blur), like a screen-print misregister */
  --shadow-offset:    16px 16px 0 var(--red);
  --shadow-offset-sm:  8px 8px 0 var(--red);
  --shadow-offset-ink:12px 12px 0 var(--ink);
}