/* ===========================================================================
   boulder.vote — Spacing, radius, shadow, layout
   Grounded, print-like. Small radii (this is signage, not soft SaaS),
   hard offset "sign shadow" that echoes the drop shadow on the display
   lettering, plus generous margins.
   =========================================================================== */

: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;

  /* Corner radii — kept tight; painted signs don't have soft corners */
  --radius-none: 0;
  --radius-sm:   3px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-pill: 999px;

  /* Border widths */
  --border-hair: 1px;
  --border-thick:2px;
  --border-slab: 4px;   /* poster keyline */

  /* Sign shadow — the hard, offset drop shadow on display lettering
     and on raised "sign" surfaces. Not a soft blur. */
  --sign-shadow:      6px 6px 0 var(--shade);
  --sign-shadow-sm:   3px 3px 0 var(--shade);
  --sign-shadow-lg:   10px 10px 0 var(--shade-strong);

  /* Soft card shadow (used sparingly, on light UI surfaces) */
  --shadow-card:  0 2px 8px rgba(24,36,43,0.10), 0 1px 2px rgba(24,36,43,0.08);
  --shadow-pop:   0 8px 28px rgba(24,36,43,0.18);

  /* Layout */
  --container-max: 1200px;
  --container-pad: var(--space-6);
  --gutter:        var(--space-5);

  /* Motion — restrained, print-honest. Quick, eased, no bounce. */
  --ease-out: cubic-bezier(0.2, 0.7, 0.3, 1);  /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-base: 200ms;  /* @kind other */
}