:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f8f8f8;
  --ink: #1f1f1f;
  --muted: #777;
  --border: #ccc;
  --accent: #c59b1d;
  --accent-2: #e7c46a;
  --link: #1f1f1f;
  --link-hover: var(--accent);
}

body,
html {
  background: var(--bg);
  color: var(--ink);
}

a {
  color: var(--link);
}
a:hover {
  color: var(--link-hover);
}

button,
input[type="submit"],
.woocommerce button.button,
.woocommerce input.button,
.wp-block-button__link {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li {
  border-color: var(--border) !important;
}

.footer,
.site-footer,
.footer-widgets {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
  border-top: 1px solid var(--border) !important;
}

.footer a,
.site-footer a {
  color: var(--link) !important;
}
.footer a:hover,
.site-footer a:hover {
  color: var(--link-hover) !important;
}

/* === Footer Final Fix === */
.footer,
.footer-widgets,
.site-footer,
.site-footer * {
  background-color: var(--surface-2) !important;
  color: var(--ink) !important;
  border-top: 1px solid var(--border) !important;
}

.site-footer a,
.site-footer a:visited,
.footer a,
.footer a:visited {
  color: var(--link) !important;
}
.site-footer a:hover,
.footer a:hover {
  color: var(--link-hover) !important;
}
/* === FINAL Footer Override (nuke pinks!) === */

.pedicure-makeup-store-footer,
.pedicure-makeup-store-footer * {
  background: var(--surface-2) !important;
  color: var(--ink) !important;
  border: none !important;
  box-shadow: none !important;
}

/* Reset widget headings */
.pedicure-makeup-store-footer .widget-title {
  color: var(--ink) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Footer links */
.pedicure-makeup-store-footer a,
.pedicure-makeup-store-footer a:visited {
  color: var(--link) !important;
}
.pedicure-makeup-store-footer a:hover {
  color: var(--link-hover) !important;
}

/* Scroll to Top Button */
.btntoTop {
  background-color: var(--accent) !important;
  color: #fff !important;
}
.btntoTop:hover {
  filter: brightness(0.9) !important;
}