/**
 * Dynamic brand colors for the central platform.
 * Values come from :root CSS variables set in app.blade.php.
 */

/* ─── Landing page ─── */
.nav-tab-divider {
  background: var(--central-primary) !important;
}

.nav-links a:hover {
  color: var(--central-primary) !important;
}

.nav-btn-outline {
  border-color: var(--central-primary) !important;
  color: var(--central-primary) !important;
}

.nav-btn-primary,
.hero-cta,
.pricing-card-cta,
.signup-submit,
.login-submit,
.footer-cta-btn {
  background: var(--central-primary) !important;
  border-color: var(--central-primary) !important;
}

.hero-cta:hover,
.nav-btn-primary:hover,
.pricing-card-cta:hover,
.signup-submit:hover,
.login-submit:hover {
  background: var(--central-primary-dark) !important;
  border-color: var(--central-primary-dark) !important;
}

.hero-stat-icon {
  background: var(--central-primary-dark) !important;
}

.features-show-more,
.pricing-featured-badge,
.testimonial-quote-icon,
.signup-link,
.login-link,
.footer-link:hover {
  color: var(--central-primary) !important;
}

.features-card-icon,
.pricing-tier-icon {
  background: var(--central-accent) !important;
}

.about-stat-value,
.pricing-price,
.signup-logo-name {
  color: var(--central-primary) !important;
}

.signup-avatar-3 {
  background: var(--central-accent) !important;
}

.about-section {
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--central-primary) 25%, #0a1f4a) 0%,
    color-mix(in srgb, var(--central-primary) 45%, #0d2d6b) 35%,
    var(--central-primary) 100%
  ) !important;
}

/* ─── Auth (login / signup) ─── */
.signup-brand,
.login-brand {
  background: linear-gradient(
    165deg,
    var(--central-primary-dark) 0%,
    var(--central-primary) 55%,
    var(--central-accent) 100%
  ) !important;
}

.login-brand-highlight,
.signup-brand-highlight {
  color: var(--central-accent) !important;
}

.signup-logo-icon rect,
.signup-feature-icon circle {
  fill: var(--central-accent) !important;
}

.signup-feature-icon circle {
  fill: var(--central-accent-soft) !important;
}

.login-lock-icon {
  background: var(--central-accent) !important;
}

/* ─── Central admin dashboard accents ─── */
.central-admin-themed .btn-primary {
  background-color: var(--central-primary) !important;
  border-color: var(--central-primary) !important;
}

.central-admin-themed .btn-primary:hover,
.central-admin-themed .btn-primary:focus {
  background-color: var(--central-primary-dark) !important;
  border-color: var(--central-primary-dark) !important;
}

.central-admin-themed .btn-info {
  background-color: var(--central-accent) !important;
  border-color: var(--central-accent) !important;
}

.central-admin-themed .card-header.bg-primary {
  background-color: var(--central-primary) !important;
}

.central-admin-themed .card-header.bg-info {
  background-color: var(--central-accent) !important;
}

.central-admin-themed .settings-nav .nav-link.active {
  background-color: color-mix(in srgb, var(--central-primary) 12%, white);
  border-color: var(--central-primary);
  color: var(--central-primary);
}

.central-admin-themed .settings-nav .nav-link:hover {
  color: var(--central-primary);
}

.central-admin-themed .text-primary {
  color: var(--central-primary) !important;
}

.central-admin-themed .navbar.sidebar .nav-link.active,
.central-admin-themed .navbar.sidebar .nav-link:hover {
  color: var(--central-accent) !important;
}

.central-admin-themed .color-swatch-primary {
  background: var(--central-primary);
}

.central-admin-themed .color-swatch-accent {
  background: var(--central-accent);
}