/*-- scss:defaults --*/

// Sass Variables
// https://quarto.org/docs/output-formats/html-themes.html#sass-variables

@import url('https://fonts.googleapis.com/css2?family=Garamond:wght@400;700&family=Montserrat:wght@400;700&display=swap');

/* Colors */
$body-bg: #FFFFFF;
$body-color: rgb(55, 58, 60);
$link-color: rgb(39, 128, 227);
$navbar-bg: #17264D;
$navbar-fg: #FFFFFF;
$navbar-color: #FFFFFF;
$navbar-text: #FFFFFF;
$navbar-dark-color: #FFFFFF;
$navbar-dark-hover-color: rgba(255, 255, 255, 0.8);
$navbar-light-color: #FFFFFF;
$navbar-light-active-color: #FFFFFF;
$navbar-light-hover-color: rgba(255, 255, 255, 0.8);

/* Fonts */
$font-family-serif: 'Garamond', serif;
$font-family-sans-serif: 'Montserrat', "Source Sans Pro", -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$font-size-root: 17px;

/*-- scss:rules --*/

h1, h2, h3, h4, h5, h6 {
  font-family: $font-family-serif;
}

.cv-content-box {
  font-size: 1.25rem; // You can adjust this value as needed
}

// Navbar styling
.navbar {
  background-color: #17264D !important;
}

.navbar-brand, .navbar-nav .nav-link {
  color: #FFFFFF !important;
}

.navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

// Ensure all pages have the white background
body {
  background-color: #FFFFFF !important;
}