/* ============================================================
   DESOBEDECE — SPACING, RADII, BORDERS, SHADOW, MOTION
   The system is hard-edged and confident: square corners,
   heavy black rules, flat fills. No soft drop shadows — the
   "depth" cue is a hard offset block (sticker shadow).
   ============================================================ */
:root {
  /* Spacing scale (4px base) */
  --space-0:  0;
  --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: 128px;

  /* Layout */
  --container-max: 1280px;
  --gutter:        24px;

  /* Radii — mostly squared off. Pills only for tags/stickers. */
  --radius-none:  0px;
  --radius-sm:    2px;
  --radius-md:    4px;
  --radius-pill:  999px;

  /* Borders — the brand draws in heavy black */
  --border-hair:   1px;
  --border-rule:   2px;
  --border-heavy:  3px;
  --border-shout:  4px;

  /* "Sticker" hard shadow — offset solid block, no blur */
  --shadow-sticker:    4px 4px 0 0 var(--ds-black);
  --shadow-sticker-lg: 6px 6px 0 0 var(--ds-black);
  --shadow-card:       0 2px 0 0 var(--ds-black);

  /* Motion — snappy, a little cheeky. No slow fades. */
  --ease-snap:  cubic-bezier(0.2, 0.9, 0.3, 1.2); /* @kind other */ /* slight overshoot */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   180ms; /* @kind other */
  --dur-slow:   280ms; /* @kind other */
}