/* Platform only. Measured source: docs/design/clara-design-system.json. */
@font-face{font-family:Syne;src:url('/assets/fonts/syne-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{
  --clara-font-body:Syne,Arial,sans-serif;
  --clara-font-display:Inter,Arial,sans-serif;
  --clara-ink:#141414;
  --clara-muted:#555753;
  --clara-paper:#fff;
  --clara-pink:#f2dfdf;
  --clara-lime:#e3ffcd;
  --clara-lavender:#f1f0ff;
  --clara-sage:#f0f4ed;
  --clara-cream:#fff8e8;
  --clara-line:#d9dbd6;
  --clara-text-min:15px;
  --clara-text-body:18px;
  --clara-radius-button:5px;
  --clara-radius-card:10px;
  --clara-focus:3px solid #6856c7;
}