/* Runtime bridge between dynamic branding CSS and shipped theme assets */

: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, #666666);
  --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);
}

/* Font override only on frontend/marketing pages — dashboard uses Minovate Dosis/Lato from main.css */
html:not(:has(body.appWrapper)),
body:not(.appWrapper) {
  font-family: var(--font-family-primary);
}

/* Scoped to marketing/frontend pages - not dashboard admin panel */
.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;
}

/* Scoped to frontend/marketing pages — avoid overriding dashboard Bootstrap styles */
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;
}