/*
  This code defines your new brand identity.
  It sets a new default font for the entire site and defines a primary color.
*/

:root {
    /* You can change this color to anything you like, and it will update everywhere. */
    --bs-primary: #0d6efd; /* A standard, professional blue */
    --bs-primary-rgb: 13, 110, 253; /* The RGB version, needed by Bootstrap */
    --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  
  /* 
    Override Bootstrap's button styles to use the new font and have a slightly softer feel.
  */
  .btn {
      font-weight: 500;
      border-radius: 0.375rem; /* Standard Bootstrap rounding */
  }
  
  /*
    Make the primary "call to action" buttons a bit bolder.
  */
  .btn-primary {
      font-weight: 700;
  }
  
  /*
    Style the navbar specifically for the new look.
  */
  .navbar-brand {
      font-weight: 700;
      color: #212529; /* Dark text color */
  }
  
  .navbar .nav-link {
      font-weight: 500;
  }
  
  /* Give a subtle hover effect to nav links */
  .navbar .nav-link:hover {
      color: var(--bs-primary);
  }