/**
 * PHPI design tokens (canonical motion + radii).
 * Colour typography scale lives in css/styles.css :root — keep that file loaded first.
 * @see DESIGN-LANGUAGE.md
 */

:root {
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 20px;
  --ds-duration: 0.3s;
  --ds-ease-standard: cubic-bezier(0.33, 1, 0.68, 1);
  --ds-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-focus-ring: 0 0 0 3px rgba(0, 85, 164, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ds-duration: 0.01ms;
  }
}