/* =========================================================
   V19 — restrained two-color focus
   Blue = primary action only. Green = availability only.
   No blue-green blends. No large color fields.
   ========================================================= */

body.liquid-glass {
  --action-blue: #0071e3;
  --action-blue-hover: #0077ed;
  --status-green: #2f9f6b;
}

/* Primary actions are the only blue surfaces on the page. */
body.liquid-glass .button--primary,
body.liquid-glass .nav-cta {
  color: #ffffff;
  background: linear-gradient(180deg, #1683ec 0%, #0071e3 100%);
  border-color: rgba(255, 255, 255, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 10px 24px rgba(0, 113, 227, 0.22);
}

body.liquid-glass .button--primary:hover,
body.liquid-glass .nav-cta:hover {
  background: linear-gradient(180deg, #2a91f2 0%, #0077ed 100%);
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.30),
    0 14px 30px rgba(0, 113, 227, 0.28);
}

body.liquid-glass .button--primary .button-arrow,
body.liquid-glass .nav-cta > span {
  color: #ffffff;
}

/* Availability is the only green signal. */
body.liquid-glass .dot--green,
body.liquid-glass .status-chip i,
body.liquid-glass .availability-inline i {
  background: var(--status-green);
  box-shadow:
    0 0 0 3px rgba(47, 159, 107, 0.10),
    0 0 0 1px rgba(47, 159, 107, 0.04);
}