/*
Purpose: Define the shared type, spacing, and motion tokens for the portfolio.
Rationale: A small token layer keeps the visual system consistent without a dependency.
Notes: System fonts keep the site fast and avoid third-party font requests.
*/
:root {
  --font-display: Inter, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: Inter, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --shell: 1240px;
  --gutter: clamp(1.25rem, 4vw, 3.5rem);
  --radius-sm: .55rem;
  --radius: 1rem;
  --radius-lg: 1.5rem;
  --ease: cubic-bezier(.2, .8, .2, 1);
}