/* Theme & Geometry for proloansoftware.com */
:root {
  --primary-700: #4338ca;
  --primary-600: #4f46e5;
  --primary-500: #6366f1;
  --primary-400: #818cf8;
  --primary-200: #c7d2fe;
  --primary-100: #e0e7ff;
  --primary-50: #eef2ff;

  /* Map legacy green tokens directly to brand primary palette */
  --green-700: #4338ca;
  --green-600: #4f46e5;
  --green-500: #6366f1;
  --green-400: #818cf8;
  --green-200: #c7d2fe;
  --green-100: #e0e7ff;
  --green-50: #eef2ff;

  --shadow-primary: 0 8px 28px rgba(79, 70, 229, 0.35);
  --shadow-green: 0 8px 28px rgba(79, 70, 229, 0.35);

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

.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(79, 70, 229, 0.22) !important;
}
.hero {
  background: linear-gradient(160deg, #eef2ff 0%, #ffffff 55%, #faf5ff 100%) !important;
}
.hero::before {
  background: radial-gradient(circle, rgba(79, 70, 229, 0.14) 0%, transparent 70%) !important;
}
.hero::after {
  background: radial-gradient(circle, rgba(168, 85, 247, 0.10) 0%, transparent 70%) !important;
}
.final-cta-sec {
  background: #4f46e5 !important;
}
.contact-hero {
  background: linear-gradient(160deg, #eef2ff 0%, #ffffff 65%, #faf5ff 100%) !important;
}