.theme{
    --Primary-color:#106e74;
    --Secondary-color: #ce7700;
    --button-color:#106e74;
    --button-hover-color: #ce7700;
    --button-text-color: #fff;
    --button-text-hover-color: #fff;
}

.Godrej-Green {--Primary-color:#6b8d14; --Secondary-color:#b1175a; --button-color:#6b8d14; --button-hover-color:#485f0d; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.Godrej-blue {--Primary-color:#29759f; --Secondary-color:#b11b5c; --button-color:#29759f; --button-hover-color:#125072; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.lodha-yellow {--Primary-color:#a68d2b; --Secondary-color:#5e4e0f; --button-color:#a68d2b; --button-hover-color:#786517; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.lnt-blue {--Primary-color:#07518c; --Secondary-color:#ffcf3c; --button-color:#1468ab; --button-hover-color:#b58d14; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.tvs-green {--Primary-color:#568232; --Secondary-color:#173c7c; --button-color:#568232; --button-hover-color:#3c5c50; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.Arihant-Orange {--Primary-color:#d7722a; --Secondary-color:#5c4994; --button-color:#d7722a; --button-hover-color:#b35d20; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.Blue-theme {--Primary-color:#29a9d7; --Secondary-color:#0d6b8d; --button-color:#29a9d7; --button-hover-color:#0d6b8d; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.Green-theme {--Primary-color:#04793d; --Secondary-color:#21b96b; --button-color:#04793d; --button-hover-color:#094e2b; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.Purple-theme {--Primary-color:rgb(166 85 142); --Secondary-color:rgb(120 35 135); --button-color:rgb(166 85 142); --button-hover-color:rgb(118 30 93); --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.Orange-theme {--Primary-color:#e35e3b; --Secondary-color:#fcb81a; --button-color:#e35e3b; --button-hover-color:#fcb81a; --button-text-color:#fff; --button-text-hover-color:#fff; --font-family:"Outfit";}
.verano-bay-theme {
  /* Palette sampled directly from https://godrejmiami.com/ (Godrej Verano's
     own site — its --coral/--deep-teal/--peach/--cream custom properties) —
     deep teal carries everything (headings, icons, badges, borders); coral
     is reserved for buttons only, so --Primary-color/--Secondary-color
     (the "rest of the site" colors) are teal, while --button-color and
     --btn-gradient (the actual clickable buttons) stay coral and are no
     longer derived from --Primary-color. */
  --Primary-color: #174D4B;   /* deep teal */
  --Secondary-color: #34766F; /* teal, lighter ink shade for gradients/accents */
  --button-color: #E65F5C;    /* coral */
  --button-hover-color: #F6B08E; /* peach */
  --button-text-color: #FFFFFF;  /* white */
  --button-text-hover-color: #174D4B; /* deep teal, reads on light peach hover */
  --font-family: "Poppins";
  /* Supporting stops used for the gradient badges (EOI Amount / Payment
     Plan pills) and pale panel washes — teal family throughout, since only
     buttons are coral now. */
  --grad-orange: #34766F;        /* teal, star bullets / gradient text */
  --grad-violet: #F6B08E;        /* peach, button glow overlay (button-adjacent, stays coral family) */
  --grad-fuchsia: #F6B08E;       /* peach, nav-brochure glow overlay (button-adjacent, stays coral family) */
  --grad-violet-dark: #174D4B;   /* deep teal, paired with coral in badges */
  --grad-gold-pale: #FFF5ED;     /* cream, panel wash */
  --grad-teal-pale: #F4D4CB;     /* blush, panel wash */

  /* Diagonal deep-teal gradient, lifted directly from godrejmiami.com's own
     --payment-plan-section background (linear-gradient(135deg, #163B3A 0%,
     #1A3332 45%, #122826 100%)) — used everywhere on this site a flat teal
     "green" background used to sit: the nav plate, the dark section chrome
     (Overview/Floor Plan/Gallery/Developer/Contact), footer, modal headers. */
  --teal-gradient: linear-gradient(135deg, #163B3A 0%, #1A3332 45%, #122826 100%);

  /* Dedicated nav colors: the header/nav bar is the teal gradient above
     (matching the reference site). Its hover/active accent is coral, the
     site's one consistent accent color. */
  --nav-bg: var(--teal-gradient);
  --nav-text: #FFF5ED;           /* cream */
  --nav-accent: #E65F5C;         /* coral: hover/active links, icons, underline */
  --nav-border: rgba(255, 245, 237, 0.18);

  /* EOI Window Open badge (navy -> ink-2). */
  --title-gradient: linear-gradient(90deg, var(--Primary-color), var(--Secondary-color));
  --panel-wash: linear-gradient(165deg, var(--grad-gold-pale) 0%, #ffffff 55%, var(--grad-teal-pale) 100%);
  --accent-gradient: linear-gradient(90deg, var(--Primary-color), var(--Secondary-color));

  /* Flat navy section-title text, matching the reference site's headings. */
  --heading-gradient: var(--Primary-color);

  /* Solid brass button backgrounds (kept as a flat color, not a gradient
     function, since this variable also feeds a border-bottom rule that
     only accepts a solid color). Deliberately NOT var(--Primary-color)
     anymore, so buttons stay brass while headings/icons/badges go navy. */
  --btn-gradient: var(--button-color);
}
/*.one-Year-of-Rain-theme {--Primary-color:#2c5b6d; --Secondary-color:#009688; --button-color:#2c5b6d; --button-hover-color:#009688; --button-text-color:#fff; --button-text-hover-color:#fff;}*/