/* Appily Ninetyseven product — Viewcube Desk tokens
   Stage ink · vivid orange · mint · lemon price · Space Grotesk + Figtree */

:root {
  --vc-ink: #121820;
  --vc-ink-soft: #1C2834;
  --vc-field: #EEF9FF;
  --vc-mist: #D7EDF8;
  --vc-plate: #FFFFFF;
  --vc-orange: #FF5C00;
  --vc-orange-deep: #C04400;
  --vc-mint: #00D68F;
  --vc-mint-deep: #008A5C;
  --vc-lemon: #FFE66D;
  --vc-mute: #4A5563;
  --vc-line: #A8C5D6;
  --vc-err: #E53935;

  --font-display: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body: "Figtree", "Segoe UI", sans-serif;
  --font-ui: "Figtree", "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: 10px;
  --radius-pill: 999px;

  --shadow-cube: 0 12px 0 var(--vc-ink);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-cube: 520ms var(--ease-spring);
  --motion-dial: 280ms var(--ease-spring);
  --motion-peel: 320ms var(--ease-out);
}