:root {
  --primary: var(--branding-primary, #6c587b);
  --primary-hover: var(--branding-primary-dark, #5a4868);
  --primary-light: var(--branding-primary-light, #e8dff0);
  --primary-dark: var(--branding-primary-dark, #5a4868);
  --success: var(--branding-success, #22c55e);
  --warning: var(--branding-warning, #f59e0b);
  --danger: var(--branding-danger, #ef4444);
  --info: var(--branding-primary-light, #026277);
  --bg-primary: var(--branding-bg-primary, #f6f6f8);
  --bg-secondary: var(--branding-bg-secondary, #f6f6f8);
  --text-primary: var(--branding-text-primary, #242424);
  --text-secondary: var(--branding-text-secondary, #666);
  --font-family-primary: var(--branding-font-primary, "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  --font-family-secondary: var(--branding-font-secondary, "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  --font-family-mono: var(--branding-font-mono, "SF Mono", Monaco, "Cascadia Code", Consolas, monospace);
  --primary-color: var(--branding-primary, #6c587b);
  --secondary-color: var(--branding-secondary, #026277);
  --success-color: var(--branding-success, #22c55e);
  --danger-color: var(--branding-danger, #ef4444);
  --warning-color: var(--branding-warning, #f59e0b);
  --info-color: var(--branding-primary-light, #026277);
  --light-color: var(--branding-bg-secondary, #f6f6f8);
  --dark-color: var(--branding-text-primary, #242424);
  --border-radius-base: var(--branding-border-radius, 4px);
}
html:not(:has(body.appWrapper)),
body:not(.appWrapper) {
  font-family: var(--font-family-primary);
}
.navbar-default .navbar-header .navbar-brand,
.navbar-default.affix .navbar-header .navbar-brand {
  color: var(--primary) !important;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: var(--primary-hover) !important;
}
body:not(.appWrapper) .btn-primary,
.feature-icon,
.social-buttons li,
.row-merge [class*=col-] .pricing-widget .pricing-head,
.row-merge [class*=col-] .pricing-widget .pricing-cost {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
body:not(.appWrapper) .btn-primary:hover,
body:not(.appWrapper) .btn-primary:focus,
body:not(.appWrapper) .btn-primary:active {
  background-color: var(--primary-hover) !important;
  border-color: var(--primary-hover) !important;
}
body:not(.appWrapper) .btn-success,
.cta-button {
  background-color: var(--success) !important;
  border-color: var(--success) !important;
}
.alert-success-custom {
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
}
.alert-error-custom,
.error,
.parsley-error {
  border-color: var(--danger) !important;
}