/*
 * PharmaByMD — Palette: Steel Blue
 * A confident steel blue on a cool, lightly blue-tinted background.
 * Loaded after main.css so these variables take precedence.
 */
:root {
  --bg:        #F5F8FB;   /* cool, faintly blue light */
  --surface:   #FFFFFF;
  --border:    #DEE6EF;
  --text:      #1A2230;
  --muted:     #647386;
  --accent:    #2F5479;   /* steel blue — prominent */
  --accent-lt: #E5EDF6;
  --accent-md: #3B6796;
  --header-bg: rgba(245,248,251,.9);
}

/* Unify icon tiles to steel blue */
.icon-blue, .icon-green, .icon-amber, .icon-purple { background: var(--accent-lt); color: var(--accent); }

.hero-badge        { color: var(--accent); background: var(--accent-lt); }
.section-num       { color: var(--accent); }
.testimonial-block { background: linear-gradient(135deg, #3B6796 0%, #2F5479 100%); }
#site-footer       { background: #1C3A57; }            /* deep steel blue */
.footer-brand-logo span { color: #8AAACB; }

.btn-primary       { background: var(--accent); border-color: var(--accent); }
.btn-primary:hover { background: var(--accent-md); border-color: var(--accent-md); }