/* === ABC PLAN MANAGERS — CONCEPT C FOUNDATION === */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Instrument+Sans:wght@400;500;600;700&display=swap');

/* Brand Variables */
:root {
  --abc-navy: #0c2340;
  --abc-navy-mid: #163a5f;
  --abc-teal: #0d9488;
  --abc-teal-bright: #14b8a6;
  --abc-teal-soft: #ccfbf1;
  --abc-amber: #f59e0b;
  --abc-amber-soft: #fef3c7;
  --abc-cream: #fefdfb;
  --abc-stone: #f5f1eb;
  --abc-text: #1e293b;
  --abc-text-mid: #475569;
}

/* Global Typography */
body, .wp-site-blocks {
  font-family: 'Instrument Sans', sans-serif !important;
  background-color: var(--abc-cream) !important;
  color: var(--abc-text);
}

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  color: var(--abc-navy);
  font-weight: 800;
}

/* Buttons */
.wp-block-button__link {
  font-family: 'Instrument Sans', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 14px 28px !important;
  transition: all 0.3s ease !important;
}

.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(13,148,136,0.25);
}

/* Primary button — Teal */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: var(--abc-teal) !important;
  color: #fff !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background-color: var(--abc-teal-bright) !important;
}

/* Outline button */
.wp-block-button.is-style-outline .wp-block-button__link {
  border-color: rgba(255,255,255,0.3) !important;
  color: #fff !important;
  border-width: 2px !important;
}

/* Navigation */
.wp-block-navigation a {
  font-family: 'Instrument Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: var(--abc-text-mid) !important;
}

.wp-block-navigation a:hover {
  color: var(--abc-navy) !important;
}

/* Cover blocks — overlay gradient */
.wp-block-cover {
  border-radius: 0 !important;
}

/* Service cards hover effect */
.wp-block-column {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Links */
a { color: var(--abc-teal); }
a:hover { color: var(--abc-teal-bright); }

/* Separator styling */
.wp-block-separator {
  border-color: rgba(0,0,0,0.06) !important;
}

/* Quote blocks */
.wp-block-quote {
  border-left-color: var(--abc-teal) !important;
  font-style: italic;
}

/* Site title */
.wp-block-site-title a {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  color: var(--abc-navy) !important;
}