:root{
   /* Palette */
  --av-blue:    #436B95;  /* primary */
  --av-ivory:   #FFFCF7;  /* soft background */
  --av-ice:     #B6CCD7;  /* accent */
  --av-mist:    #F0EFE9;  /* light ui */
  --av-navy:    #050A30;  /* dark text/cta */
}

/* Page background */
.vendor-page{background-color:var(--av-mist);}

/* Title + underline rule */
.vendor-title{color:var(--av-blue);font-weight:700;letter-spacing:.5px;}
.vendor-title .rule{width:240px;height:2px;background:var(--av-blue);margin:.35rem auto 0;opacity:.75;border-radius:2px;}

/* Reusable helpers */
.border-brand{border-color:var(--av-blue)!important;}
.rounded-xl{border-radius:18px!important;}
.bg-soft{background:#e7eef7!important;}          /* subtle gray/blue like screenshot */
.bg-soft-info{background:#cfe1f6!important;}     /* light info panel */
.bg-soft-accent{background:#d8e0eb!important;}   /* calendar button fill */
.text-navy{color:var(--av-navy)!important;}
.stat-big{font-weight:800;font-size:clamp(28px,4.5vw,44px);line-height:1.1;}
.media-frame img{object-fit:cover;width:100%;height:100%;border-radius:12px;}

/* --- Header helpers (match vendor look) --- */
.bg-cream{background-color:var(--av-mist)!important;}
.nav-chip{
  display:inline-block;
  border:2px solid var(--av-blue);
  color:var(--av-blue);
  background:#fff;
  border-radius:9999px;
  padding:.4rem 1rem;
  font-weight:600;
  text-decoration:none;
}
.nav-chip:hover{background:#e7eef7;text-decoration:none;color:var(--av-blue);}
.validation-card:has(.input-validation-error) {
    border: 2px solid #dc3545; /* Bootstrap danger red */
    box-shadow: 0 0 10px rgba(220, 53, 69, 0.3);
}