:root {
  /* Font variables: reference the font-family names declared in public/fonts/fonts.css */
  --font-primary: 'Roboto', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  --font-secondary: 'Spartan', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;

  /* Colors */
  --color-primary: #FF7F00;
  --color-text: #1e1e1e;
  --color-text-inverted: #ffffff;

  /* Font Sizes */
  --font-size-page-title: clamp(28px, 5vw, 48px);
  --font-size-page-subtitle: clamp(14px, 2vw, 16px);
  --font-size-section-title: clamp(24px, 4vw, 36px);
  --color-page-title: #1e1e1e;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
}

.float-right-image {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

@media (max-width: 1100px) {
  .float-right-image {
    float: none;
    margin-left: 0;
  }
}