@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --ui-paper: #f6f9fc;
  --ui-paper-2: #eef4fb;
  --ui-card: #ffffff;
  --ui-card-2: #f8fbff;

  --ui-ink: #14213d;
  --ui-ink-2: #1e3a5f;
  --ui-ink-soft: #34465e;
  --ui-mute: #607089;

  --ui-line: #e3edf6;
  --ui-line-2: #d9e3ef;
  --ui-line-3: #c5d0dd;

  --ui-primary: #1d4ed8;
  --ui-primary-2: #1e40af;
  --ui-primary-soft: #e8f0ff;

  --ui-good: #1f6f5c;
  --ui-good-soft: #def0e8;
  --ui-warn: #b97a17;
  --ui-warn-soft: #fbecd0;
  --ui-bad: #a64a3b;
  --ui-bad-soft: #f3dcd6;
  --ui-info: #2b5d8a;
  --ui-info-soft: #d8e6f1;
  --ui-purple: #5b21b6;
  --ui-purple-soft: #ede9fe;
  --ui-neutral-soft: #e8eef7;

  --ui-radius-card: 14px;
  --ui-radius-soft: 8px;
  --ui-radius-pill: 999px;

  --ui-shadow-1: 0 1px 2px rgba(20, 33, 61, 0.05);
  --ui-shadow-2: 0 12px 32px -14px rgba(20, 33, 61, 0.14), 0 2px 6px rgba(20, 33, 61, 0.04);

  --ui-font-sans: "Inter", sans-serif;
  --ui-font-mono: "Inter", sans-serif;
  --ui-font-display: "Inter", sans-serif;
}

body {
  font-family: var(--ui-font-sans);
}