/* Shared geometry and typography. App palettes belong in themes.css. */
:root {
  --ui-field: clamp(24px, 5vw, 44px);
  --ui-gap: 16px;
  --ui-control: 44px;
  --ui-radius: 13px;
  --ui-tile-gap: 8px;
  --ui-tile-radius: 18px;
  --ui-title: 30px;
  --ui-body: 18px;
  --ui-caption: 16px;
  --ui-leading: 1.3;
  --ui-heading-leading: 1.05;
  --ui-motion: 200ms;
  --ui-ease: cubic-bezier(.22,.72,.2,1);
}
@media (min-width: 801px) { :root { --ui-field: 44px; --ui-title: 34px; } }
@media (prefers-reduced-motion: reduce) { :root { --ui-motion: 0ms; } }