/* ============================================================
   Afula Underground — Spacing, geometry & effect tokens
   The look is HARD-EDGED: zero corner radius anywhere, and the
   only "border" is an INSET box-shadow stroke (2px or 3px) that
   sits fully inside the box. No drop shadows, no blur, no glow.
   ============================================================ */

:root {
  /* ---- Spacing (loose, gallery-like rhythm from the file) ---- */
  --space-1:  5px;
  --space-2:  10px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  31px;
  --space-7:  44px;
  --space-8:  65px;
  --space-9:  74px;

  /* ---- Radius: there is none. Everything is square. ---- */
  --radius-none: 0;

  /* ---- Signature inset strokes (the brand's "border") ---- */
  --stroke-w-thin:  2px;
  --stroke-w-bold:  3px;
  --stroke-inset-ink:    inset 0 0 0 2px var(--afula-black);
  --stroke-inset-ink-3:  inset 0 0 0 3px var(--afula-black);
  --stroke-inset-paper:  inset 0 0 0 2px var(--afula-white);

  /* ---- Motion: snappy, no bounce ---- */
  --ease-flat: cubic-bezier(0.2, 0, 0.2, 1); /* @kind other */
  --dur-fast:  120ms; /* @kind other */
  --dur-base:  180ms; /* @kind other */

  /* ---- Layout ---- */
  --container-max: 1160px;  /* content column: 1920 − 2×380px grid margin */
  --page-margin:   380px;   /* desktop side margin of the site grid */
  --direction: rtl; /* @kind other */
}