/* Captain America theme — visual color layer only; layout/content preserved. */
:root {
  --cap-navy: #071a36;
  --cap-blue: #0b4ea2;
  --cap-bright-blue: #1d63c8;
  --cap-red: #c41e3a;
  --cap-red-dark: #8f1429;
  --cap-white: #ffffff;
  --cap-silver: #d9e2ec;
  --cap-bg: #f4f7fb;
  --cap-text: #162235;
}

html, body { background: var(--cap-bg) !important; color: var(--cap-text) !important; }
body { background-image: linear-gradient(180deg, rgba(7,26,54,.035), rgba(196,30,58,.02)) !important; }

a, a:visited { color: var(--cap-red) !important; }
a:hover, a:focus { color: var(--cap-blue) !important; }

.page-header, .page-header .panel.wrapper, .page-header .panel.header,
.header.content, .nav-sections, .navigation, .navigation ul,
.navigation .level0 > .level-top, .menu-wrapper, .menu-container {
  background-color: var(--cap-navy) !important;
  color: var(--cap-white) !important;
}

.page-header a, .nav-sections a, .navigation a, .navigation .level0 > .level-top {
  color: var(--cap-white) !important;
}
.navigation .level0 > .level-top:hover,
.navigation .level0 > .level-top:focus,
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top {
  background-color: var(--cap-red) !important;
  color: var(--cap-white) !important;
}

.navigation .submenu, .navigation .submenu a,
.nav-sections .submenu, .nav-sections .submenu a,
.menu-wrapper .submenu, .menu-container .submenu {
  background-color: var(--cap-white) !important;
  color: var(--cap-navy) !important;
}
.navigation .submenu a:hover, .navigation .submenu a:focus,
.nav-sections .submenu a:hover, .nav-sections .submenu a:focus {
  background-color: #eaf2ff !important;
  color: var(--cap-red) !important;
}

button, .action.primary, .btn-primary, input[type="submit"], input[type="button"],
button.action, .action.tocart, .action.checkout, .checkout-methods-items .action.primary {
  background-color: var(--cap-red) !important;
  border-color: var(--cap-red-dark) !important;
  color: var(--cap-white) !important;
}
button:hover, button:focus, .action.primary:hover, .action.primary:focus,
.btn-primary:hover, .btn-primary:focus, input[type="submit"]:hover, input[type="submit"]:focus,
.action.tocart:hover, .action.checkout:hover {
  background-color: var(--cap-blue) !important;
  border-color: var(--cap-navy) !important;
  color: var(--cap-white) !important;
}

input, select, textarea { border-color: #b8c6d8 !important; background-color: var(--cap-white) !important; color: var(--cap-text) !important; }
input:focus, select:focus, textarea:focus { border-color: var(--cap-blue) !important; box-shadow: 0 0 0 2px rgba(29,99,200,.18) !important; }

.price, .price-box .price, .special-price .price, .price-container .price,
.product-item .price, .product-info-price .price { color: var(--cap-red) !important; }

.page-title, .page-title-wrapper .page-title, h1, h2, h3, h4, h5, h6 { color: var(--cap-navy) !important; }

.block, .box, .card, .product-item-info, .product-info-main, .sidebar .block,
.cart-summary, .opc-block-summary, .modal-inner-wrap, .filter-options,
.toolbar, .table-wrapper, .message, .messages .message {
  border-color: #c9d5e3 !important;
}

.badge, .label, .stock.available, .message.success { background-color: var(--cap-blue) !important; color: var(--cap-white) !important; }
.message.error, .message.warning, .stock.unavailable { background-color: #fff0f2 !important; border-color: var(--cap-red) !important; color: var(--cap-red-dark) !important; }

.footer, .page-footer, .footer.content, footer {
  background-color: var(--cap-navy) !important;
  color: var(--cap-white) !important;
  border-color: var(--cap-red) !important;
}
.footer a, .page-footer a, .footer.content a, footer a { color: var(--cap-white) !important; }
.footer a:hover, .page-footer a:hover, .footer.content a:hover, footer a:hover { color: #cfe1ff !important; }

.action.secondary, .secondary { border-color: var(--cap-blue) !important; color: var(--cap-blue) !important; background: var(--cap-white) !important; }
.action.secondary:hover, .secondary:hover { background: #eaf2ff !important; color: var(--cap-navy) !important; }

::-webkit-scrollbar-thumb { background: var(--cap-blue) !important; }
::-webkit-scrollbar-thumb:hover { background: var(--cap-red) !important; }
::selection { background: var(--cap-red) !important; color: var(--cap-white) !important; }

/* Common legacy palette mappings used by the existing theme. */
[style*="#165c7d"], [style*="#003971"] { color: var(--cap-navy) !important; }