/* Theme & Geometry for boldfundingre.com */
:root {
  --primary-700: #0369a1;
  --primary-600: #0284c7;
  --primary-500: #0ea5e9;
  --primary-400: #38bdf8;
  --primary-200: #bae6fd;
  --primary-100: #e0f2fe;
  --primary-50: #f0f9ff;

  /* Map legacy green tokens directly to brand primary palette */
  --green-700: #0369a1;
  --green-600: #0284c7;
  --green-500: #0ea5e9;
  --green-400: #38bdf8;
  --green-200: #bae6fd;
  --green-100: #e0f2fe;
  --green-50: #f0f9ff;

  --shadow-primary: 0 8px 28px rgba(2, 132, 199, 0.35);
  --shadow-green: 0 8px 28px rgba(2, 132, 199, 0.35);

  /* Form and Card Shapes (Border Radius) */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --btn-radius: 14px;
  --input-radius: 10px;
  --input-border: 2px;
}

.btn-primary, .btn-submit, .nav-apply {
  border-radius: var(--btn-radius) !important;
}
.btn-outline {
  border-radius: var(--btn-radius) !important;
}
.form-control {
  border-radius: var(--input-radius) !important;
  border: var(--input-border) solid var(--border) !important;
}
.form-control:focus {
  border-color: var(--primary-500) !important;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.22) !important;
}
.hero {
  background: linear-gradient(160deg, #f0f9ff 0%, #ffffff 55%, #f8fafc 100%) !important;
}
.hero::before {
  background: radial-gradient(circle, rgba(2, 132, 199, 0.16) 0%, transparent 70%) !important;
}
.hero::after {
  background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%) !important;
}
.final-cta-sec {
  background: #0284c7 !important;
}
.contact-hero {
  background: linear-gradient(160deg, #f0f9ff 0%, #ffffff 65%, #f8fafc 100%) !important;
}
