:root {
  color-scheme: light;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-subtle: #eff6ff;
  --accent-border: #93b5fa;
  --attention: #c2410c;
  --attention-subtle: #fff7ed;
  --attention-border: #fed7aa;
  --motion-fast: 180ms;
  --motion-base: 240ms;
  --motion-panel: 320ms;
  --motion-exit: 130ms;
  --motion-enter: 260ms;
  --motion-reveal: 620ms;
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --type-section: clamp(2rem, 1.5rem + 1.8vw, 2.8125rem);
  --space-section: clamp(3.5rem, 2.5rem + 3vw, 5.75rem);
  text-wrap: pretty;
  scrollbar-gutter: stable;
}
h1, h2, h3 { text-wrap: balance; }
input, textarea { text-wrap: stable; }
button, [role="button"] { touch-action: manipulation; }