/* Appily Ninetyseven catalog — Abacus Rail tokens
   Frame ink · neon rose · ice cyan · gold bead · Audiowide + Exo 2 */

:root {
  --ab-ink: #0F1E2A;
  --ab-frame: #1A3040;
  --ab-frame-deep: #0B1520;
  --ab-field: #E8F8FF;
  --ab-mist: #D4F0FA;
  --ab-plate: #FFFFFF;
  --ab-rose: #FF0090;
  --ab-rose-deep: #B00064;
  --ab-cyan: #00D4FF;
  --ab-cyan-deep: #007A99;
  --ab-gold: #FFD000;
  --ab-mute: #4A5563;
  --ab-line: #9FC8D6;

  --font-display: "Audiowide", "Segoe UI", sans-serif;
  --font-body: "Exo 2", "Segoe UI", sans-serif;
  --font-ui: "Exo 2", "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: 14px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --radius-bead: 50%;

  --shadow-frame: 0 14px 0 rgba(15, 30, 42, 0.28);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-bead: 380ms var(--ease-spring);
  --motion-slide: 320ms var(--ease-out);
  --motion-tally: 420ms var(--ease-spring);
}