/* ✅ Navbar Shade
.sunrise-splash .info-bar, .sunrise-splash .hero-overlay, .sunrise-splash .hero-card-crm-details-page, .sunrise-splash  .pricing-wrap, .sunrise-splash .single-nav-background {
    background: linear-gradient(135deg, #ff4500, #ff8c00, #40e0d0);
}

.ocean-mist .info-bar, .ocean-mist .hero-overlay, .ocean-mist .hero-card-crm-details-page, .ocean-mist .pricing-wrap, .ocean-mist .single-nav-background {
    background: linear-gradient(135deg, #02a79cd9, #167681, #07a192);
}

.tropical-teal-gradient .single-nav-background {
    background: linear-gradient(135deg, #aaede8e6, #5dc7d3e6, #02a79cd9, #167681, #07a192);
} */


/* .ocean-mist .hero-card-crm-details-page {
    background: linear-gradient(135deg, #02a79cd9, #167681, #07a192);
} */

/* 🌅 Theme Variables */




/* 🐚 Tropical Theme Variables */
.tropical-teal-gradient {
  --gradient: linear-gradient(135deg, #aaede8e6, #5dc7d3e6, #02a79cd9, #167681, #07a192);
}
/* .mint-green {
  --gradient: linear-gradient(180deg, rgb(141 196 167 / 90%), rgba(237, 268, 247, 23.8));
} */




.emerald-serenity {
  --gradient: linear-gradient(135deg, #a8ff78, #78ffd6, #00b894);
  --bg: #f9fffc;
  --card-bg: #ffffff;
  --text: #2f3640;
  --accent: #74b9ff;
}


.crystal-mint {
  --gradient: linear-gradient(135deg, #b2fefa, #0ed2f7, #00b894);
  --bg: #f0fff9;
  --card-bg: #ffffff;
  --text: #2d3436;
  --accent: #ffe66d;
}

.sunlit-growth {
  --gradient: linear-gradient(135deg, #f6d365, #fda085, #00b894);
  --bg: #fffdf5;
  --card-bg: #ffffff;
  --text: #2c3e50;
  --accent: #0984e3;
}







/* .sunrise-splash {
  --gradient: linear-gradient(135deg, #ff4500, #ff8c00, #40e0d0);
  --text: #ffffff;
  --text-hover: #feffb3;
  --navbar: #F5F5F5;;
} */


.theme-light-green  {
  --gradient: linear-gradient(135deg, #a8e6cf, #81c784, #66bb6a);
  --price-container: linear-gradient(180deg, #81c784, #a8e6cf,#66bb6a);
  /* --price-container: linear-gradient(135deg, #02a79cd9, #167681, #07a192); */
  --bg: #6e6955;
  --card-bg: #ffffff;
  --text: #17606bd6;
  --accent: #0984e3;
}
/* 🌅 Sunrise Splash Theme */
.sunrise-splash {
  --gradient: linear-gradient(135deg, #ff4500, #ff8c00, #40e0d0); /* existing main background */
  --card-gradient: linear-gradient(160deg, #ff7f50, #ffb347, #ff6347); /* warm, professional & matching */
  --price-container: linear-gradient(135deg, #ff4500, #ff8c00, #ffcc70); /* highlight / button style */
  --text: #ffffff; /* text on dark cards */
  --text-hover: #fffacd; /* hover effect */
  --navbar: #F5F5F5; /* navbar bg */
  --card-heading: #fff8f0;
  --primary: #ff6f3c;
  --secondary: #ffe5d4;
  --accent: #ffc27f;
  --border: #ffd9b3;
  --card-bg: #ffffff;
  --card-shadow: rgba(255, 127, 80, 0.2);
  --button-hover: #ff9966;
  --menu-text:#ff5619;
}

/* 🌊 Theme Variables */
.ocean-mist {
  --gradient: linear-gradient(135deg, #02a79cd9, #167681, #07a192);
  --card-gradient: linear-gradient(160deg, #5e947e, #368f86, #1f3a31);
  --price-container: linear-gradient(135deg, #02a79cd9, #167681, #07a192);
  --text: #ffffff;
  --text-hover: #feffb3;
  --navbar: #F5F5F5;
  --menu-text: #04553a;
}

.mint-green {
  --gradient: linear-gradient(180deg, rgba(141, 196, 167, 0.95), rgba(237, 248, 247, 0.9));
  --navbar: linear-gradient(180deg, rgba(141, 196, 167, 0.95), rgba(237, 248, 247, 0.9));
  --card-gradient: linear-gradient(160deg, #2A4B3E, #368f86, #1f3a31);
  --price-container: linear-gradient(135deg, #02a79cd9, #167681, #07a192);
  --card-heading: #EDF8F7;
  --primary: #8DC4A7;
  --secondary: #EDF8F7;
  --accent: #A9E2D3;
  --text: #345C4C;
  --text-hover: #0e3b29;
  --text2: #a77e03de;
  --red: #fb0000;
  --aquagreen: #368f86;
  --deep-greenish: #2A4B3E;
  --border: #D8EDE7;
  --card-bg: #FFFFFF;
  --card-shadow: rgba(141, 196, 167, 0.15);
  --button-hover: #7BBF9A;
  --footer-bg: #DCEFEA;
}

/* 🌈 Common Style */
.info-bar,
/* .navbar, */
.hero-overlay,
/* .pricing-wrap, */
.single-nav-background {
  background: var(--gradient);
}