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


:root {
  --cc-navy: #10243E;
  --cc-navy-dark: #0B1A2C;
  --cc-amber: #D9A441;
  --cc-amber-dark: #B5822E;
  --cc-cream: #F7F5F0;
  --cc-slate: #1F2937;
  --cc-border: #E4DFD4;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--cc-amber);
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: var(--cc-cream);
  color: var(--cc-slate);
}

h1, h2, h3, h4, h5, h6,
.navbar-brand,
.display-4 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: var(--cc-navy);
}

/* Navbar */
.navbar {
  background-color: var(--cc-navy) !important;
  box-shadow: 0 2px 10px rgba(11, 26, 44, 0.15);
}

.navbar-brand {
  color: var(--cc-cream) !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.3px;
}

.navbar .nav-link {
  color: rgba(247, 245, 240, 0.85) !important;
  font-weight: 500;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: var(--cc-amber) !important;
}

.navbar-toggler {
  border-color: rgba(247, 245, 240, 0.4);
}

.navbar-toggler-icon {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* Links */
a {
  color: var(--cc-navy);
}

a:hover {
  color: var(--cc-amber-dark);
}

/* Buttons */
.btn-primary {
  color: #fff;
  background-color: var(--cc-navy);
  border-color: var(--cc-navy);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--cc-navy-dark) !important;
  border-color: var(--cc-navy-dark) !important;
}

/* Tables */
.table thead {
  background-color: var(--cc-navy);
  color: var(--cc-cream);
}

.table thead th {
  border-color: var(--cc-navy);
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.table-hover tbody tr:hover {
  background-color: rgba(217, 164, 65, 0.08);
}

/* Cards / containers used on Home */
.container {
  max-width: 1140px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}