/* Appily Ninetyseven shop — Spool Market tokens
   Night ink · hot pink · aqua thread · lemon sale · Bebas Neue + IBM Plex Sans */

:root {
  --sp-ink: #1B2435;
  --sp-ink-soft: #2A3548;
  --sp-hot: #FF3D7F;
  --sp-hot-deep: #C01E55;
  --sp-aqua: #00D4AA;
  --sp-aqua-deep: #008A70;
  --sp-lemon: #FFE14A;
  --sp-fog: #EEF2FF;
  --sp-mist: #D9E2F5;
  --sp-plate: #FFFFFF;
  --sp-mute: #4A5563;
  --sp-line: #B4C2DB;

  --font-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", sans-serif;
  --font-ui: "IBM Plex Sans", "Segoe UI", sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-page: clamp(16px, 4vw, 32px);

  --radius: 16px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --shadow-spool: 0 8px 0 var(--sp-ink);
  --ease-spin: cubic-bezier(0.34, 1.35, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-unwind: 340ms var(--ease-spin);
  --motion-spin: 480ms var(--ease-out);
  --motion-meter: 500ms var(--ease-out);
}