@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css');

/* Gilroy Font Setup */
@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/assets/fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

:root {
  --brand-primary: #3B5A9C;
  --brand-hover: #2d467a;
  
  /* Bootstrap Overrides */
  --bs-primary: #3B5A9C; 
  --bs-primary-rgb: 59, 90, 156;
  
  --bs-body-font-family: 'Gilroy', sans-serif;
  --bs-btn-font-weight: 700;
}

.bg-primary {
  background-color: var(--brand-primary) !important;
}

.text-primary {
  color: var(--brand-primary) !important;
}

.border-primary {
  border-color: var(--brand-primary) !important;
}

body {
  font-family: 'Gilroy', sans-serif !important;
  background-color: #f8fbff;
}

/* Custom Bootstrap Overrides for Premium Fields */
.form-control {
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #e2e8f0;
  background-color: #ffffff;
  font-weight: 500;
  transition: all 0.2s ease;
}

.form-control:focus {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 4px rgba(59, 90, 156, 0.1);
  background-color: #fff;
}

.btn-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 700;
  letter-spacing: 0.3px;
  transition: all 0.2s ease;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 90, 156, 0.2);
}

.card {
  border: none;
  border-radius: 16px;
  background: white;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.shadow-premium {
  box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.fw-medium {
  font-weight: 500 !important;
}

svg {
  flex-shrink: 0;
}