/*
=========================================================
THÈME AUTOMATIQUE — SITE SPECIAL 500
=========================================================

NE PAS MODIFIER CE FICHIER À LA MAIN.

Les couleurs se modifient dans site-config.json.
=========================================================
*/

:root {
  --main: #305CDE !important;
  --main-hover: #2549B8 !important;
  --hover: #2549B8 !important;

  --blue: #305CDE !important;
  --blue-hover: #2549B8 !important;

  --dark: #2749B5 !important;
  --blue-dark: #2749B5 !important;

  --text: #4B5E77 !important;
  --muted: #4B5E77 !important;

  --border: #D8E1FF !important;
  --line: #D8E1FF !important;

  --soft: #F4F7FF !important;
  --soft-2: #F4F7FF !important;

  --white: #ffffff !important;
}

a {
  text-decoration-color: #305CDE;
}

button,
.btn,
.button,
.cta,
.btn-primary,
.o500-btn-primary,
.o500-footer-mini.main {
  --main: #305CDE;
  --main-hover: #2549B8;
}

.o500-eyebrow,
.o500-section-kicker,
.o500-chip,
.o500-link,
.o500-contact-link,
.section-kicker {
  color: #305CDE !important;
}

.o500-btn-primary,
.o500-footer-mini.main {
  background: #305CDE !important;
  border-color: #305CDE !important;
  color: #ffffff !important;
}

.o500-btn-primary:hover,
.o500-footer-mini.main:hover {
  background: #2549B8 !important;
  border-color: #2549B8 !important;
}

.o500-btn-secondary {
  color: #305CDE !important;
  border-color: #305CDE !important;
}

.o500-btn-secondary:hover {
  background: #F4F7FF !important;
}

.o500-service-card:hover,
.o500-faq-item:hover,
.o500-hero-point:hover,
.service-card:hover {
  border-color: #305CDE !important;
}

.o500-hero-card,
.o500-info,
.o500-faq-side {
  background: #F4F7FF !important;
  color: #4B5E77 !important;
  border-color: #D8E1FF !important;
}

.o500-hero-card h2,
.o500-hero-card strong,
.o500-info strong,
.o500-faq-side h3,
.o500-faq-side strong {
  color: #2749B5 !important;
}

.o500-hero-card p,
.o500-hero-point span,
.o500-info p,
.o500-faq-side p {
  color: #4B5E77 !important;
}

.o500-hero-point {
  background: #ffffff !important;
  border-color: #D8E1FF !important;
}

.o500-footer {
  background: #F4F7FF !important;
  color: #4B5E77 !important;
}

.o500-footer h2,
.o500-footer h3,
.o500-footer strong {
  color: #2749B5 !important;
}

.o500-footer a {
  color: #4B5E77 !important;
}

.o500-footer a:hover {
  color: #305CDE !important;
}

.o500-footer-bar {
  border-color: #D8E1FF !important;
}

.o500-footer-mini {
  background: #ffffff !important;
  color: #2749B5 !important;
  border-color: #D8E1FF !important;
}

.o500-ticker,
.o500-cta {
  --main: #305CDE;
  --main-hover: #2549B8;
}