/* ==========================================================================
   Entfremdung — Space, Line, Form, Motion
   Brutalist editorial: square corners, hairline rules, hard risograph offset
   shadows (no blur — registration, not depth). Motion is mechanical, never soft.
   ========================================================================== */

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

  /* Editorial measure & gutters */
  --measure:   66ch;     /* ideal reading width */
  --gutter:    var(--s-6);
  --page-pad:  var(--s-7);
  --rail:      1280px;   /* max content rail */

  /* ---- Radius — corners are nearly square on purpose -------------------- */
  --r-0:   0px;     /* default — brutalist */
  --r-1:   2px;     /* inputs, chips */
  --r-2:   4px;     /* cards, dialogs */
  --r-pill:999px;   /* tags only */

  /* ---- Borders — the load-bearing element of the system ----------------- */
  --bd-hair:  1px solid var(--ink-100);
  --bd-soft:  1px solid var(--paper-30);
  --bd-bold:  2px solid var(--ink-100);
  --bd-heavy: 3px solid var(--ink-100);
  --bd-signal:2px solid var(--signal);

  /* ---- Shadows — hard offset, no blur (riso registration) --------------- */
  --shadow-tap:   2px 2px 0 0 var(--ink-100);
  --shadow-card:  4px 4px 0 0 var(--ink-100);
  --shadow-pop:   6px 6px 0 0 var(--ink-100);
  --shadow-signal:4px 4px 0 0 var(--signal);
  /* one soft system shadow, reserved for floating overlays only */
  --shadow-float: 0 18px 40px -12px rgba(16,14,10,0.45);

  /* ---- Motion — mechanical, snappy -------------------------------------- */
  --dur-fast:  90ms;   /* @kind other */
  --dur-base:  150ms;  /* @kind other */
  --dur-slow:  240ms;  /* @kind other */
  --ease-mech: cubic-bezier(0.2, 0, 0, 1);   /* @kind other */
  --ease-step: steps(1, end);                /* @kind other */

  /* ---- Z ---------------------------------------------------------------- */
  --z-nav:    100;   /* @kind other */
  --z-popover:400;   /* @kind other */
  --z-overlay:800;   /* @kind other */
  --z-toast:  900;   /* @kind other */
}