@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

:root {
  --brand-blue: #2f6bff;
  --brand-blue-strong: #214fd6;
  --brand-blue-soft: #4a7dff;
  --brand-yellow: #f59e0b;
  --brand-yellow-strong: #f5a524;
  --brand-bg: #f4f6fb;
  --brand-card: #ffffff;
  --brand-border: rgba(36, 64, 140, 0.14);
  --brand-text: #101828;
  --brand-muted: #6b7280;
}

body {
  background: var(--brand-bg) !important;
  color: var(--brand-text);
  font-family: "Poppins", sans-serif;
}

a {
  color: var(--brand-blue);
}

a:hover {
  color: var(--brand-blue-strong);
}

.brand-logo {
  font-family: "Anton", sans-serif;
  letter-spacing: 1px;
  color: var(--brand-blue);
  line-height: 1.1;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}

.brand-logo,
.brand-logo:visited,
.brand-logo:hover {
  text-decoration: none;
}

.brand-logo--sm {
  font-size: 1rem;
}

.brand-logo--md {
  font-size: 1.4rem;
}

.brand-logo--lg {
  font-size: 2rem;
}

.brand-logo--light {
  color: #fff;
}

.brand-mark {
  background: var(--brand-yellow);
  color: var(--brand-blue-strong);
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  font-size: 0.65em;
  margin-left: 0.5rem;
}

.main-nav {
  background: var(--brand-card);
  border-bottom: 1px solid var(--brand-border);
  box-shadow: 0 6px 20px rgba(36, 64, 140, 0.12);
}

.main-nav .search .search-icon,
.lower-search .search-icon {
  background-color: var(--brand-blue);
}

.main-nav .cta a:hover small,
.main-nav .cta a:hover span {
  color: var(--brand-yellow);
}

.main-nav .cta a .cart-count {
  background-color: var(--brand-yellow);
  color: var(--brand-blue-strong);
}

.add-to-cart,
.shopBtn,
.zoomTool {
  background: var(--brand-blue);
}

.shopBtn:hover,
.zoomTool:hover {
  background: var(--brand-blue-strong);
}

.thumbnail,
.marketing-acc,
.card,
.dash-card,
.account-setup-wrapper {
  border-radius: 14px;
  border: 1px solid var(--brand-border);
  box-shadow: 0 10px 24px rgba(36, 64, 140, 0.12);
}

.thumbnail .caption {
  background: #f9fafb;
}

.text-orange-600,
.text-orange-400,
.text-\[\#f89406\] {
  color: var(--brand-yellow) !important;
}

.bg-orange-600,
.bg-orange-700,
.bg-\[\#f89406\] {
  background-color: var(--brand-yellow) !important;
  color: var(--brand-blue-strong) !important;
}

.bg-orange-100 {
  background-color: rgba(245, 158, 11, 0.16) !important;
}

.border-orange-600,
.border-\[\#f89406\] {
  border-color: var(--brand-yellow) !important;
}

.bg-blue-900 {
  background-color: var(--brand-blue-strong) !important;
}

.bg-blue-600,
.bg-blue-500 {
  background-color: var(--brand-blue) !important;
}

.text-blue-600,
.text-blue-500 {
  color: var(--brand-blue) !important;
}

.text-blue-900 {
  color: var(--brand-blue) !important;
}

.bg-green-600,
.from-green-600 {
  background-color: var(--brand-blue) !important;
}

.bg-green-700,
.bg-green-500 {
  background-color: var(--brand-blue-strong) !important;
}

.text-green-600,
.text-green-500 {
  color: var(--brand-blue) !important;
}

.hover\\:bg-green-600:hover,
.hover\\:bg-green-700:hover,
.hover\\:text-green-600:hover {
  background-color: var(--brand-blue) !important;
  color: #fff !important;
}

.bg-gradient-to-r {
  background-image: linear-gradient(90deg, var(--brand-blue), var(--brand-blue-soft)) !important;
}

.bg-gradient-to-b {
  background-image: linear-gradient(180deg, var(--brand-blue), var(--brand-blue-soft)) !important;
}

.via-orange-500 {
  background-color: var(--brand-blue-soft) !important;
}

.to-red-600 {
  background-color: var(--brand-blue-strong) !important;
}

.notification .warning {
  background-color: var(--brand-yellow);
}

#sidebar .nav a:hover,
.lower-nav .links ul .active > a,
.lower-nav .links ul li a:hover {
  color: var(--brand-yellow);
}

.lower-search .search-content .found-content a:hover,
.main-nav .search .search-content .found-content a:hover {
  background-color: rgba(47, 107, 255, 0.12) !important;
}

#newProductCar .carousel-control {
  background: var(--brand-blue);
}

.grid-view-content .thumbnail .card-footer span {
  background: var(--brand-blue);
}

.flash-sale .title i {
  color: var(--brand-yellow);
}

.flash-sale .card-footer .view {
  background: var(--brand-blue);
}

.productDiscount,
.disc-float {
  background: var(--brand-blue-strong);
}

#wa-order {
  background: var(--brand-blue);
}

.brand-surface {
  background: var(--brand-card);
  border: 1px solid var(--brand-border);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.btn-primary,
.btn-primary:focus {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: var(--brand-blue-strong) !important;
  border-color: var(--brand-blue-strong) !important;
}

.search-input,
.form-control,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
  border-radius: 10px !important;
  border-color: var(--brand-border) !important;
}