@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700;800&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap");

:root {
  --font-display: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;

  --ink: #1a2230;
  --ink-soft: #3d4656;
  --muted: #5c6573;
  --line: #d5dbe3;
  --gray-100: #e8edf3;
  --gray-50: #f3f5f8;
  --surface: #f7f8fb;
  --paper: #eef2f7;
  --white: #fbfcfe;

  --accent: #1a5cff;
  --accent-deep: #0e4ae6;
  --accent-ink: #0836b8;
  --accent-soft: #dbe6ff;
  --accent-wash: #edf2ff;

  --trust: #142033;
  --trust-text: #e8edf3;
  --warn: #8a3d12;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --wrap: 72rem;
  --wrap-narrow: 46rem;
  --prose: 68ch;

  --radius: 0.25rem;
  --header-h: 5.75rem;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}