/* Global theme tokens and light-touch overrides for a consistent site palette. */
:root {
  --sp-primary: #0a58ca;
  --sp-primary-dark: #083f90;
  --sp-primary-soft: #eaf2ff;
  --sp-ink: #0f172a;
  --sp-muted: #5b6474;
  --sp-line: #dbe3ef;
  --sp-surface: #ffffff;
  --sp-bg-soft: #f3f6fb;
}

body {
  color: var(--sp-muted);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--sp-ink);
}

a {
  color: var(--sp-primary);
}

a:hover,
a:focus {
  color: var(--sp-primary-dark);
}

.single-page-title-area .breadcrumb .breadcrumb-item a,
.single-page-title-area .breadcrumb .breadcrumb-item.active {
  color: #eef4ff;
}

.single-page-title-area .single-page-title h1 {
  color: #ffffff;
}

.single-page-title-area .single-page-title h6 {
  color: #d9e6ff;
}

.single-page-title-area .single-page-title span {
  background: var(--sp-primary);
}

.btn-theme,
.about-sec-inner-btn,
.sp-contact-submit,
.sp-offer-btn {
  background: var(--sp-primary) !important;
  border-color: var(--sp-primary) !important;
  color: #ffffff !important;
}

.btn-theme:hover,
.about-sec-inner-btn:hover,
.sp-contact-submit:hover,
.sp-offer-btn:hover {
  background: var(--sp-primary-dark) !important;
  border-color: var(--sp-primary-dark) !important;
  color: #ffffff !important;
}

.sp-blog-list,
.sp-blog-detail,
.sp-contact-page {
  background: var(--sp-bg-soft);
}

.sp-blog-card,
.sp-blog-post,
.sp-contact-card,
.sp-contact-form-panel,
.sp-contact-map-panel,
.products-grid-item {
  background: var(--sp-surface);
  border: 1px solid var(--sp-line);
}

.sp-blog-read,
.sp-blog-tags a,
.sp-blog-nav-link,
.sp-contact-card a,
.sp-contact-meta a {
  color: var(--sp-primary);
}

.sp-blog-read:hover,
.sp-blog-tags a:hover,
.sp-blog-nav-link:hover,
.sp-contact-card a:hover,
.sp-contact-meta a:hover {
  color: var(--sp-primary-dark);
}

.sidebar-highlight-box,
.filter-box,
.filter-checkbox-list {
  border-color: var(--sp-line);
}

.sidebar-highlight-alert {
  background: var(--sp-primary-soft);
  border-color: #cfe0ff;
}

.sp-pagination .sp-page-item.active .sp-page-link {
  background: var(--sp-primary) !important;
  border-color: var(--sp-primary) !important;
}

.sp-pagination .sp-page-link {
  color: var(--sp-primary) !important;
}