/* Appily Ninetyseven orders — Player Roll tokens
   Paper mint · vivid red · key green · amber mid · Staatliches + Manrope */

:root {
  --pr-ink: #12252A;
  --pr-ink-soft: #1A343B;
  --pr-paper: #E8F5EC;
  --pr-field: #F0FFF4;
  --pr-plate: #FFFFFF;
  --pr-red: #FF3B30;
  --pr-red-deep: #B8241C;
  --pr-green: #32D74B;
  --pr-green-deep: #178A2C;
  --pr-amber: #FF9F0A;
  --pr-mute: #4A5563;
  --pr-line: #A8C9B4;
  --pr-key-off: #C5D9CC;

  --font-display: "Staatliches", "Arial Narrow", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --font-ui: "Manrope", "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-measure: 0 8px 0 var(--pr-ink);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-roll: 520ms var(--ease-spring);
  --motion-key: 320ms var(--ease-spring);
  --motion-wind: 280ms var(--ease-out);
}