/* WE CARE PHARMACY V20.7 — Color & Typography Design System */
:root{
  /* Brand */
  --wc-brand:#0F7897;
  --wc-brand-hover:#0B6680;
  --wc-brand-soft:#EDF8FA;

  /* Text hierarchy */
  --wc-text-heading:#173F62;
  --wc-text-body:#526B7E;
  --wc-text-muted:#7A8C9D;
  --wc-text-faint:#9AA8B3;
  --wc-text-on-dark:#FFFFFF;

  /* Semantic */
  --wc-success:#287343;
  --wc-success-soft:#EDF7F1;
  --wc-warning:#83611A;
  --wc-warning-soft:#FFF8E6;
  --wc-danger:#A8444C;
  --wc-danger-soft:#FFF1F2;

  /* Surfaces */
  --wc-border:#E3EBEF;
  --wc-surface:#FFFFFF;
  --wc-surface-soft:#F7FAFB;
}

/* ---------- Global text hierarchy ---------- */
body{
  color:var(--wc-text-body)!important;
}

h1,h2,h3,h4,h5,h6,
.section-head h2,
.hero-copy h1,
.ad-copy h1,
.map-card h3,
.wc204-detail-copy h1,
.wc204-related h2,
.admin-card h3,
.admin-card h4,
.v18-card h3{
  color:var(--wc-text-heading)!important;
}

p,
.section-head p,
.hero-copy p,
.wc204-detail-desc,
.admin-card p{
  color:var(--wc-text-body)!important;
}

small,
.muted,
.helper,
.hint,
.section-head small,
.wc204-detail-brand,
.wc204-breadcrumb,
.wc204-detail-breadcrumb{
  color:var(--wc-text-muted)!important;
}

/* ---------- Navigation ---------- */
.main-menu .nav,
.main-menu .nav a,
.mobile-nav-links a,
.wc-mobile-bottom-nav button{
  color:var(--wc-text-body)!important;
}
.main-menu .nav a:hover,
.main-menu a.wc205-active-link,
.mobile-nav-links a.wc205-active-link,
.wc-mobile-bottom-nav button.active{
  color:var(--wc-brand)!important;
}

/* ---------- Links ---------- */
a:not(.btn):not([class*="button"]):not([class*="card"]){
  text-decoration-color:rgba(15,120,151,.35);
}
a:not(.btn):not([class*="button"]):hover{
  color:var(--wc-brand-hover);
}

/* ---------- Brand / labels ---------- */
.kicker,
.eyebrow,
.wc204-detail-kicker,
.brand-accent,
.brand-link{
  color:var(--wc-brand)!important;
}

/* ---------- Buttons ---------- */
.btn.primary,
button.primary,
.search button,
.wc204-detail-buy,
.v15-btn.primary,
.v18-btn.primary,
.v195-btn.primary{
  background:var(--wc-brand)!important;
  color:var(--wc-text-on-dark)!important;
  border-color:var(--wc-brand)!important;
}
.btn.primary:hover,
button.primary:hover,
.search button:hover,
.wc204-detail-buy:hover{
  background:var(--wc-brand-hover)!important;
  border-color:var(--wc-brand-hover)!important;
}

.btn.secondary,
button.secondary,
.wc204-detail-ask{
  color:var(--wc-brand)!important;
  background:var(--wc-brand-soft)!important;
  border-color:#CFE6EC!important;
}

/* ---------- Product cards ---------- */
.product h3,
.wc203-product-name,
.wc204-home-card b,
.wc204-related-card b{
  color:var(--wc-text-heading)!important;
}

.product .price,
.wc203-price,
.wc204-home-card strong,
.wc204-related-card strong,
.wc204-detail-price strong{
  color:var(--wc-brand)!important;
}

.product .meta,
.product .desc,
.wc203-product-meta,
.wc203-sidebar,
.wc203-filter-note{
  color:var(--wc-text-muted)!important;
}

/* ---------- Filters / chips ---------- */
.chip,
.filter-chip,
.wc203-chip{
  color:var(--wc-text-body)!important;
  border-color:var(--wc-border)!important;
  background:var(--wc-surface)!important;
}
.chip.active,
.filter-chip.active,
.wc203-chip.active{
  color:var(--wc-brand)!important;
  border-color:#BFDDE5!important;
  background:var(--wc-brand-soft)!important;
}

/* ---------- Forms ---------- */
label,
.v15-field label,
.v18-form label{
  color:var(--wc-text-heading)!important;
}
input,
select,
textarea{
  color:var(--wc-text-heading)!important;
  border-color:var(--wc-border)!important;
}
input::placeholder,
textarea::placeholder{
  color:var(--wc-text-muted)!important;
}

/* ---------- Status ---------- */
.success,
.status-success,
.stock-in,
.wc204-detail-stock{
  color:var(--wc-success)!important;
}
.warning,
.status-warning{
  color:var(--wc-warning)!important;
}
.error,
.danger,
.status-error,
.stock-out{
  color:var(--wc-danger)!important;
}

/* ---------- Admin ---------- */
.admin-panel,
.v15-modal,
.v18-modal{
  color:var(--wc-text-body)!important;
}
.admin-tabs button,
.admin-subtabs button{
  color:var(--wc-text-body)!important;
}
.admin-tabs button.active,
.admin-subtabs button.active{
  color:var(--wc-brand)!important;
}
.admin-card small,
.v18-list-row small{
  color:var(--wc-text-muted)!important;
}

/* ---------- Maintenance ---------- */
.maintenance-shell,
.maintenance-card{
  color:var(--wc-text-body)!important;
}
.maintenance-card h1,
.maintenance-card h2,
.maintenance-card h3{
  color:var(--wc-text-heading)!important;
}
.maintenance-card p,
.maintenance-card small{
  color:var(--wc-text-muted)!important;
}

/* ---------- Mobile ---------- */
@media(max-width:760px){
  body{color:var(--wc-text-body)!important}
  h1,h2,h3{color:var(--wc-text-heading)!important}
  .wc-mobile-bottom-nav button{color:var(--wc-text-muted)!important}
  .wc-mobile-bottom-nav button.active{color:var(--wc-brand)!important}
}