:root {
  --coral:       #003B7A;
  --top-bar-bg:  #C4977D;
  --dark:        #0D0F12;
  --btn-dark:    #242729;
  --white:       #ffffff;
  --text:        #3C3E41;
  --text-light:  #6C6E71;
  --footer-text: #EAEBEC;
  --bg-light:    #F5F2EF;
  --card-1:      #F5EDE8;
  --card-2:      #F5F2EF;
  --card-3:      #F5F2EF;
  --card-4:      #F5F2EF;
  --hero-from:   #003B7A;
  --hero-mid:    #005BAF;
  --hero-to:     #2B7BC0;
  --blue-accent: #3B9AE8;
  --pill:        9999px;
}

/* Mobile menu close (X) button — shared across all pages */
.mobile-close{
  position: absolute;
  top: 22px;
  right: 22px;
  background: none;
  border: none;
  padding: 8px;
  line-height: 0;
  color: rgba(255,255,255,0.85);
  cursor: pointer;
  z-index: 1;
  transition: color 0.2s, transform 0.2s;
}
.mobile-close:hover{ color: #fff; transform: rotate(90deg); }