@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&family=Roboto+Condensed:wght@400;700&display=swap");

:root {
  --color-primary: #f28e37;
  --color-primary-contrast: #111318;
  --color-bg: #0e1116;
  --color-surface: #171c24;
  --color-text: #f4f5f7;
  --color-muted: #9aa3ae;
  --font-heading: "Roboto Condensed", "Open Sans", sans-serif;
  --font-body: "Open Sans", system-ui, sans-serif;
  --radius: 16px;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-heading);
}