/* Theme Color Schemes (primary accent via CSS variables) */
:root { --color-primary: #1e88e5; --color-primary-contrast: #ffffff; }

/* Schemes */
body.scheme-black  { --color-primary:#111111; --color-primary-contrast:#ffffff; }
body.scheme-green  { --color-primary:#2e7d32; --color-primary-contrast:#ffffff; }
body.scheme-blue   { --color-primary:#1e88e5; --color-primary-contrast:#ffffff; }
body.scheme-yellow { --color-primary:#fbc02d; --color-primary-contrast:#111111; }
body.scheme-pink   { --color-primary:#d81b60; --color-primary-contrast:#ffffff; }
body.scheme-gray   { --color-primary:#616161; --color-primary-contrast:#ffffff; }
body.scheme-brown  { --color-primary:#6d4c41; --color-primary-contrast:#ffffff; }
body.scheme-red    { --color-primary:#e53935; --color-primary-contrast:#ffffff; }
body.scheme-orange { --color-primary:#fb8c00; --color-primary-contrast:#111111; }
body.scheme-purple { --color-primary:#8e24aa; --color-primary-contrast:#ffffff; }

/* Common components override */
a, a:focus, a:hover { color: var(--color-primary); }
.btn-primary, .button.primary, button[type="submit"], .product-actions .btn, .wp-block-button__link {
  background: var(--color-primary) !important; color: var(--color-primary-contrast) !important; border-color: var(--color-primary) !important;
}
.badge, .badge-primary, .label-primary, .chip-primary { background: var(--color-primary); color: var(--color-primary-contrast); }
.hero .btn-primary { background: var(--color-primary); border-color: var(--color-primary); }
input[type="submit"], .submit, .cta-primary { background: var(--color-primary); color: var(--color-primary-contrast); border-color: var(--color-primary); }
.nav a.active, .menu .current-menu-item > a { color: var(--color-primary); }
::selection { background: var(--color-primary); color: var(--color-primary-contrast); }


/* === Global BG & Text variables (sitewide) === */
:root {
  --color-primary: #1e88e5;
  --color-primary-contrast: #ffffff;
  --color-bg: #ffffff;
  --color-bg-alt: #f7f7f7;
  --color-text: #111111;
  --color-text-alt: #222222;
}

/* Global application */
html, body { background: var(--color-bg); color: var(--color-text); }
.section, .hero, .site-footer, footer, .footer, .wp-block-group.is-style-section, .banner, .cta-section {
  background: var(--color-bg-alt);
  color: var(--color-text-alt);
}

/* Buttons/links keep primary accent */
a, a:focus, a:hover { color: var(--color-primary); }
.btn-primary, .button.primary, button[type="submit"], .product-actions .btn, .wp-block-button__link {
  background: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
  border-color: var(--color-primary) !important;
}

/* Cards */
.product-card, .card, .wp-block-group.is-style-card {
  background: #ffffff;
  color: #111111;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 16px;
}

/* === Schemes: define variables on body only (GLOBAL) === */
body.scheme-black  { --color-primary:#111111; --color-primary-contrast:#ffffff; --color-bg:#0e0e0e; --color-bg-alt:#1a1a1a; --color-text:#f2f2f2; --color-text-alt:#e6e6e6; }
body.scheme-green  { --color-primary:#2e7d32; --color-primary-contrast:#ffffff; --color-bg:#f2fbf3; --color-bg-alt:#d3ecd5; --color-text:#0e1a0f; --color-text-alt:#0e1a0f; }
body.scheme-blue   { --color-primary:#1e88e5; --color-primary-contrast:#ffffff; --color-bg:#f4f9ff; --color-bg-alt:#e3f0ff; --color-text:#0d1620; --color-text-alt:#0d1620; }
body.scheme-yellow { --color-primary:#fbc02d; --color-primary-contrast:#111111; --color-bg:#fffde7; --color-bg-alt:#ffef99; --color-text:#111111; --color-text-alt:#111111; }
body.scheme-pink   { --color-primary:#d81b60; --color-primary-contrast:#ffffff; --color-bg:#fff3f8; --color-bg-alt:#ffd6e7; --color-text:#201018; --color-text-alt:#201018; }
body.scheme-gray   { --color-primary:#616161; --color-primary-contrast:#ffffff; --color-bg:#f6f6f6; --color-bg-alt:#e9e9e9; --color-text:#111111; --color-text-alt:#111111; }
body.scheme-brown  { --color-primary:#6d4c41; --color-primary-contrast:#ffffff; --color-bg:#fbf7f4; --color-bg-alt:#ecdcd3; --color-text:#231814; --color-text-alt:#231814; }
body.scheme-red    { --color-primary:#e53935; --color-primary-contrast:#ffffff; --color-bg:#fff5f5; --color-bg-alt:#ffd1d1; --color-text:#200a0a; --color-text-alt:#200a0a; }
body.scheme-orange { --color-primary:#fb8c00; --color-primary-contrast:#111111; --color-bg:#fff8f0; --color-bg-alt:#ffe3c5; --color-text:#241508; --color-text-alt:#241508; }
body.scheme-purple { --color-primary:#8e24aa; --color-primary-contrast:#ffffff; --color-bg:#fbf5ff; --color-bg-alt:#ead4ff; --color-text:#1a0e20; --color-text-alt:#1a0e20; }


/* === Scheme-bound elements (follow global color) === */
.section-title, .melhores-produtos-title { color: var(--color-primary); }

/* Featured products area adopts alt background + alt text and primary accents */
.featured-products {
  background: var(--color-bg-alt);
  color: var(--color-text-alt);
  border-top: 1px solid rgba(0,0,0,0.06);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  padding-top: 12px;
  padding-bottom: 12px;
}
.featured-products a { color: var(--color-primary); }
.featured-products .btn-primary, .featured-products .wp-block-button__link {
  background: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
  border-color: var(--color-primary) !important;
}

/* Footer bound to scheme */
.site-footer {
  background: var(--color-bg-alt);
  color: var(--color-text-alt);
  padding: 24px 16px;
}
.site-footer a { color: var(--color-primary); }
.site-footer .container { max-width: 1100px; margin: 0 auto; }


/* === Hero/Banner: headings use primary color === */
.hero h1,
.hero h2,
.hero .section-title,
.hero .melhores-produtos-title {
  color: var(--color-primary);
}


/* === Featured products: button hover/active states follow theme color === */
.featured-products .btn-primary:hover,
.featured-products .wp-block-button__link:hover {
  background: var(--color-primary) !important;
  opacity: 0.85;
  color: var(--color-primary-contrast) !important;
}

.featured-products .btn-primary:focus,
.featured-products .btn-primary:active,
.featured-products .wp-block-button__link:focus,
.featured-products .wp-block-button__link:active {
  background: var(--color-primary) !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.15);
  color: var(--color-primary-contrast) !important;
}


/* === Global Buttons follow theme color (all contexts) === */
.btn, .button, button, .wp-block-button__link,
.product-actions .btn, .filters .btn, .filters button, .category-tabs .btn, .category-tabs button {
  background: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
  border: 1px solid var(--color-primary) !important;
  border-radius: 8px;
  padding: 10px 14px;
  cursor: pointer;
}

.btn:hover, .button:hover, button:hover, .wp-block-button__link:hover,
.product-actions .btn:hover, .filters .btn:hover, .filters button:hover, .category-tabs .btn:hover, .category-tabs button:hover {
  filter: brightness(0.9);
  transform: translateY(-1px);
  transition: all .15s ease;
}

.btn:focus, .button:focus, button:focus, .wp-block-button__link:focus,
.product-actions .btn:focus, .filters .btn:focus, .filters button:focus, .category-tabs .btn:focus, .category-tabs button:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.12);
}

/* Outline style stays outline but uses theme color */
.btn-outline, .button.outline, .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--color-primary) !important;
  border: 2px solid var(--color-primary) !important;
}
.btn-outline:hover, .button.outline:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
}

/* sentinel write */