/* Appily Ninetyseven policy — Rolodex Desk tokens
   Field mint · vivid orange · sky blue · Unbounded + Atkinson Hyperlegible
   Body/nav contrast targeted for WCAG AA */

:root {
  --rx-ink: #12202C;
  --rx-nav: #0F1A24;
  --rx-field: #E8FFF6;
  --rx-mist: #D4F5EA;
  --rx-plate: #FFFFFF;
  --rx-orange: #E85D04;
  --rx-orange-deep: #A84002;
  --rx-sky: #0077B6;
  --rx-sky-deep: #005F8F;
  --rx-date: #FFD166;
  --rx-mute: #4A5563;
  --rx-line: #9BC4B8;

  --font-display: "Unbounded", "Segoe UI", sans-serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", sans-serif;
  --font-ui: "Atkinson Hyperlegible", "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: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-flip: 380ms var(--ease-spring);
  --motion-draw: 420ms var(--ease-out);
}