/* Shared screen design tokens. See docs/design-guide.md before adding a new value. */
:root {
  color-scheme: light;
  --ink: #1d1d1f;
  --paper: #ffffff;
  --surface: #ffffff;
  --surface-raised: #f5f5f7;
  --surface-cobalt: #e8f1fb;
  --surface-poppy: #f2f2f7;
  --accent: #0063c5;
  --blue: var(--accent);
  --coral: #73849a;
  --coral-text: #a32d33;
  --muted: #585c6a;
  --border: #d2d2d7;
  --soft-border: rgba(29, 29, 31, .16);
  --focus: var(--accent);
  --shell: 67.5rem;
  --measure: 65ch;
  --gutter: 24px;
  --serif: 'Fraunces Variable', Fraunces, Georgia, serif;
  --sans: 'Inter Variable', 'Portfolio Inter', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-control: 4px;
  --radius-card: 12px;
  --target-size: 44px;
  --motion-duration: 160ms;
  font-family: var(--sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}