:root {
  --fir-950: #082f2a;
  --fir-900: #0a3832;
  --fir-800: #12483e;
  --sea-600: #287d7a;
  --sea-100: #dceee9;
  --copper-600: #a85a3c;
  --copper-100: #f6e7dc;
  --sand-50: #f8f6f1;
  --sand-100: #eeeae0;
  --ink: #173d36;
  --muted: #5f716b;
  --white: #fff;
  --shadow: 0 18px 50px rgba(8, 47, 42, .12);
  --radius: 18px;
  --radius-large: 28px;
  --motion: 280ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion: 0ms; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}