/* Myles Mode — spacing, borders, radii, shadows, motion */
:root {
  /* Spacing — 4px base */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;

  /* Layout */
  --measure-read: 680px;     /* essay column */
  --measure-wide: 1200px;    /* page shell */

  /* Radii — the brand is SHARP. No rounding, anywhere. */
  --radius-0: 0px;

  /* Borders — hard 2px rules; 1px only for fine table lines */
  --border-w: 2px;
  --border-w-heavy: 4px;

  /* Shadows — hard offset print shadows, never blurred */
  --shadow-press: 4px 4px 0 var(--ink-0);
  --shadow-press-ember: 4px 4px 0 var(--ember-500);
  --shadow-press-lg: 8px 8px 0 var(--ink-0);

  /* Motion — quick and matter-of-fact; no bounce, no float */
  --ease-snap: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
}