// 1) Load a Google Font ### we can use # // or <!-- --> for commenting
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');


// 2) Override Bootstrap variables BEFORE theme is loaded
$font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

// Brand colors (tweak as you like)
$primary: #2a7fff;
$secondary: #7c8aa0;
$info: #3cb6ff;
$success: #1fb673;
$warning: #ffb84d;
$danger: #e0525e;

// 3) After variables, you can add site styles
:root {
  --brand-accent: #2a7fff;
}

.quarto-title-banner {  /* banner tweaks */
  background-position: center;
  background-size: cover;
}