/*
Theme Name: Botiga Child
Theme URI: https://dghairebeauty.com
Description: Thème enfant DG Hair Beauty — personnalisation Terre & Or
Author: MCK SERVICES
Template: botiga
Version: 1.0.0
Text Domain: botiga-child
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Raleway:wght@400;500;600;700&display=swap');

:root {
  --dg-cream: #FAF6F0;
  --dg-brown: #2B1810;
  --dg-gold: #C9A24B;
  --dg-terracotta: #B87E5C;
  --dg-border: #E8D9B8;
}

body {
  background-color: var(--dg-cream) !important;
  color: var(--dg-brown) !important;
  font-family: 'Raleway', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.woocommerce-loop-product__title {
  font-family: 'Playfair Display', serif !important;
  color: var(--dg-brown) !important;
}

a {
  color: var(--dg-gold);
}

a:hover {
  color: var(--dg-terracotta);
}

.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.wp-block-button__link {
  background-color: var(--dg-brown) !important;
  color: var(--dg-cream) !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-family: 'Raleway', sans-serif !important;
  border: none !important;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-block-button__link:hover {
  background-color: var(--dg-gold) !important;
  color: var(--dg-brown) !important;
}

.site-header,
.main-header {
  border-bottom: 1px solid var(--dg-border);
}

.site-footer {
  background-color: var(--dg-brown) !important;
  color: var(--dg-cream) !important;
}

.site-footer a {
  color: var(--dg-gold) !important;
}

.woocommerce span.onsale {
  background-color: var(--dg-terracotta) !important;
}