/*
Theme Name: Mokshayuveda Astra Child
Theme URI: https://mokshayuveda.com
Template: astra
Author: Mokshayuveda
Description: Child theme for Astra, pre-configured with the Mokshayuveda brand palette (turmeric gold, tulsi green, warm sand) and typography (Fraunces + Inter).
Version: 1.0
*/

/* ===== Brand variables ===== */
:root{
  --my-sand:  #F3ECDD;
  --my-sand-deep: #EAE0C7;
  --my-card:  #FBF8F1;
  --my-ink:   #2A2620;
  --my-ink-soft: #5C5344;
  --my-green: #29403A;
  --my-gold:  #B8862F;
  --my-gold-light: #DDAE5E;
  --my-gold-wash: #F1E3C4;
  --my-rust:  #9C4430;
  --my-line:  #D9CEB0;
}

/* ===== Base ===== */
body{
  background: var(--my-sand);
  color: var(--my-ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
h1,h2,h3,h4,h5,h6,
.entry-title, .elementor-heading-title{
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--my-ink);
  font-weight: 600;
}
a{ color: var(--my-gold); }
a:hover{ color: var(--my-rust); }

/* ===== Header / nav ===== */
.site-header, .ast-primary-header-bar, .main-header-bar{
  background: var(--my-sand) !important;
  border-bottom: 1px solid var(--my-line);
}
.main-navigation ul li a, .ast-primary-menu-cart, .menu-item a{
  color: var(--my-ink-soft) !important;
  font-weight: 500;
}
.main-navigation ul li a:hover{ color: var(--my-ink) !important; }

/* ===== Buttons (Astra + Elementor) ===== */
.button, button, input[type="submit"],
.wp-block-button__link, .elementor-button,
.ast-button{
  background: var(--my-gold) !important;
  color: var(--my-sand) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 14px 30px !important;
  transition: background .25s ease, transform .25s ease;
}
.button:hover, button:hover, .wp-block-button__link:hover,
.elementor-button:hover, .ast-button:hover{
  background: var(--my-rust) !important;
  transform: translateY(-2px);
}

/* ===== Cards / sections ===== */
.wp-block-group, .elementor-widget-container .card, .ast-card{
  background: var(--my-card);
  border: 1px solid var(--my-line);
  border-radius: 18px;
}

/* ===== Footer ===== */
.site-footer, .ast-small-footer, footer.site-footer{
  background: var(--my-green) !important;
  color: rgba(243,236,221,0.85) !important;
}
.site-footer a, .ast-small-footer a{
  color: rgba(243,236,221,0.85) !important;
}
.site-footer a:hover{ color: var(--my-sand) !important; }

/* ===== Utility section backgrounds (use as Elementor/Gutenberg custom CSS classes) ===== */
.my-section-dark{ background: var(--my-green) !important; color: var(--my-sand) !important; }
.my-section-dark h1, .my-section-dark h2, .my-section-dark h3, .my-section-dark p{
  color: var(--my-sand) !important;
}
.my-section-sand-deep{ background: var(--my-sand-deep) !important; }
.my-gold-wash{ background: var(--my-gold-wash) !important; }