/* Modern Lending tokens. Token names are the starter's; values are this project's.
   Palette is taken from the supplied logo: off-black wordmark, one coral square. */
:root {
  --color-bg: #ffffff;
  --color-surface: #f6f2eb;
  --color-ink: #111113;
  --color-muted: #55555e;
  --color-accent: #fa4a33;          /* logo coral: squares, numerals, large marks */
  --color-accent-strong: #d8381f;   /* buttons and small coral text, 4.6:1 on white */
  --color-line: #d9d6cf;
  --color-dark: #111113;
  --color-on-dark: #f6f2eb;
  --color-on-dark-muted: #bdbab2;

  --font-display: 'Red Hat Display', 'Red Hat Display Fallback', Arial, sans-serif;
  --font-body: 'Red Hat Text', 'Red Hat Text Fallback', Arial, sans-serif;

  --step--1: clamp(0.84rem, 0.82rem + 0.1vw, 0.9rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.09rem);
  --step-1: clamp(1.15rem, 1.08rem + 0.35vw, 1.32rem);
  --step-2: clamp(1.35rem, 1.2rem + 0.7vw, 1.75rem);
  --step-3: clamp(1.8rem, 1.45rem + 1.6vw, 2.75rem);
  --step-4: clamp(2.2rem, 1.7rem + 2.4vw, 3.5rem);
  --step-5: clamp(2.6rem, 1.7rem + 4.2vw, 4.6rem);

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

  --radius: 2px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 180ms;
  --dur-base: 420ms;
  --dur-slow: 600ms;
}