/* MyKitchen to the World — brand overlay v4 (safe)
   Only swaps Framer color tokens + typography; no layout overrides. */

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

/* === Map Framer template tokens to MyKitchen palette ===
   CSS custom properties cascade like normal properties; declaring
   them at :root with the same name overrides Framer's fallbacks. */
:root {
  /* brand orange (#ff5227 / #ff5326) -> Teal */
  --token-527e9e38-40c4-47de-82f8-a86376f33964: #0F766E;
  --token-4f6624f3-7491-4f25-84db-a94da8646e83: #0F766E;
  --token-cf0d09a4-ab2f-44a1-bf9b-ee8062cec965: #0F766E;

  /* dark brown text -> Charcoal */
  --token-ed562699-d6cd-4441-acbc-319cb8adf400: #2E2E2E;
  --token-1d9c407c-e110-43c4-8ecb-f9ce56f33e9a: #2E2E2E;

  /* creams/beiges -> MyKitchen cream/beige scale */
  --token-4874ea20-e36b-42aa-b2b7-4594ea2baa7f: #FFF8F0;
  --token-154f9cb0-bf9e-4eff-9265-10dc592d15ce: #F5E9DA;
  --token-d62974e4-5ab7-45f2-83f9-c1c95b3b3857: #EADFCB;
  --token-817cd85b-86f5-4e40-8ef2-1c380fe35715: #E2D4BE;
  --token-0dc6906d-5078-4e36-bdc5-42e79ab84fdc: #D9CDB6;

  --token-465e1386-8212-45e8-9720-3ecbc745141f: #ffffff;

  /* yellow -> Gold */
  --token-e6e066c6-8752-42a9-9910-7eede1f5ce4e: #C9A24A;
  --token-0557dca2-bc24-47ae-928e-2b36d6d021bf: #C9A24A;

  /* green -> Muted Green */
  --token-c64326e3-7091-4578-b564-2adec407e41e: #6B8F71;
}

/* === Typography swap via Framer's --framer-font-family variable ===
   Framer reads this var on every text node, so updating it propagates
   without changing layout. */
.framer-VXPrG h1, .framer-VXPrG h2, .framer-VXPrG h3, .framer-VXPrG h4,
[class*="framer-styles-preset"] h1,
[class*="framer-styles-preset"] h2,
[class*="framer-styles-preset"] h3 {
  --framer-font-family: "Playfair Display", Georgia, serif;
}

.framer-VXPrG p, .framer-VXPrG li, .framer-VXPrG a, .framer-VXPrG span,
.framer-VXPrG button, .framer-VXPrG input, .framer-VXPrG label,
[class*="framer-styles-preset"] p,
[class*="framer-styles-preset"] li {
  --framer-font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
}

/* Hard color override for any inline orange leftovers (no layout impact) */
[style*="rgb(255, 82, 39)"], [style*="rgb(255, 83, 38)"] {
  color: #0F766E !important;
}

/* Hide the Framer template promo widget ("Shop Now / More Templates"). */
.framer-n4vz6i-container,
.framer-P98Te.framer-iptbty,
a[href*="framer.com/@nxson"],
a[href*="framer.com/@nxson"]:is(:scope, *) {
  display: none !important;
}
/* Also hide the container that holds the framer.com promo link */
:has(> a[href*="framer.com/@nxson"]) {
  display: none !important;
}

/* Local hero plantain image: pure transparent, no background fill */
img[data-mk-hero="1"] {
  background: transparent !important;
  border-radius: 0 !important;
}