@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");

:root {
  --bs-primary: #005EAC;
  --bs-primary-rgb: 0, 94, 172;
  --bs-body-color: #514641;
  --bs-body-bg: #f7f8fb;
  --bs-link-color: #003682;
  --bs-link-hover-color: #003682;
  --bs-font-sans-serif: Space Grotesk, system-ui, sans-serif;
  --bs-font-monospace: IBM Plex Mono, ui-monospace, monospace;
}
body {
  font-family: Space Grotesk, system-ui, sans-serif;
  background: linear-gradient(135deg, #f7f8fb 0%, #eef1f7 100%) !important;
  color: #514641;
  min-height: 100vh;
}
.navbar {
  background: rgba(255,255,255,0.92) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(81,70,65,0.12) !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06) !important;
}
.navbar-brand { color: #003682 !important; font-weight: 700 !important; letter-spacing: -0.02em; }
.navbar .nav-link { color: #514641 !important; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: #003682 !important; }
a { color: #003682; }
a:hover { color: #005EAC; }
.btn-primary { background-color: #005EAC !important; border-color: #005EAC !important; color: #fff !important; }
.btn-primary:hover { background-color: #003682 !important; border-color: #003682 !important; }
.btn-outline-primary { color: #005EAC !important; border-color: #005EAC !important; }
.btn-outline-primary:hover { background-color: #005EAC !important; color: #fff !important; }
.card { background: rgba(255,255,255,0.92) !important; border-radius: 14px !important; border: 1px solid rgba(81,70,65,0.1) !important; }
.footer { background: #fff !important; border-top: 1px solid rgba(81,70,65,0.1) !important; }
h1,h2,h3,h4,h5,h6 { font-family: Space Grotesk, system-ui, sans-serif; letter-spacing: -0.02em; }
code, pre { font-family: IBM Plex Mono, ui-monospace, monospace !important; }