/* Smart Growth Digital Mastery — brand override, loaded after styles.css.
   Same components/spacing as the OZ Media design system, different palette (navy + gold)
   and a few contrast fixes since gold reads poorly as text/foreground on light backgrounds. */
:root {
  --navy: #1F2B50;
  --accent: #F4B400;
  --accent-dark: #D69C00;
  --bg-dark: #1F2B50;
}

.eyebrow,
.number-tag,
.price-teaser-custom:hover,
.price-teaser-plan {
  color: var(--navy);
}
.tag-pill {
  background: rgba(31, 43, 80, 0.08);
  color: var(--navy);
}
.price-teaser-plan {
  background: rgba(244, 180, 0, 0.18);
}
.btn-accent,
.price-card .badge {
  color: var(--navy);
}
.main-nav > ul > li > a:hover {
  color: var(--navy);
  background: rgba(31, 43, 80, 0.06);
}
.card .icon {
  background: rgba(31, 43, 80, 0.08);
  color: var(--navy);
}
.card:hover .icon {
  background: var(--navy);
  color: #fff;
}

/* Hardcoded red tints in the shared stylesheet that CSS variables don't reach */
.hero {
  background: radial-gradient(circle at 85% 15%, rgba(244, 180, 0, 0.22), transparent 45%), var(--navy);
}
.btn-accent {
  box-shadow: 0 12px 24px -10px rgba(244, 180, 0, 0.55);
}
.card:hover,
.price-card:hover {
  border-color: rgba(31, 43, 80, 0.35);
}
.bg-dark .tag-pill {
  background: var(--accent);
  color: var(--navy);
}
.hero .eyebrow {
  color: var(--accent);
}

.sg-logo { height: 46px; width: auto; display: block; }
.sg-footer-credit { font-size: 0.85rem; color: #9A9A9A; margin-top: 6px; }
.sg-footer-credit a { color: var(--accent); font-weight: 600; }
.sg-footer-credit a:hover { text-decoration: underline; }