/* Fit For Beauty's — FRONT 3 / LIGHT LUXURY. Public site only. */
html.ffb-public-light {
  --ffb-bg: #FFF3ED;
  --ffb-blush: #F8E7EA;
  --ffb-rose: #F3C9D0;
  --ffb-paper: #FFFFFF;
  --ffb-ink: #171313;
  --ffb-muted: #625653;
  --ffb-gold: #C69A53;
  color-scheme: light;
  background: var(--ffb-bg);
}
html.ffb-public-light body,
html.ffb-public-light #root,
html.ffb-public-light #root > div { background: var(--ffb-bg) !important; color: var(--ffb-ink) !important; }
/* Replace existing black canvas and dark surfaces, including common Tailwind arbitrary classes. */
html.ffb-public-light #root [class*="bg-[#0A0809]"],
html.ffb-public-light #root [class*="bg-[#120D10]"],
html.ffb-public-light #root [class*="bg-[#050404]"],
html.ffb-public-light #root [class*="bg-[#171313]"],
html.ffb-public-light #root [class*="bg-[#24171B]"],
html.ffb-public-light #root [class*="bg-[#1"],
html.ffb-public-light #root [class*="bg-[#2"],
html.ffb-public-light #root [class*="bg-black"] {
  background-color: var(--ffb-paper) !important;
  color: var(--ffb-ink) !important;
}
html.ffb-public-light #root main,
html.ffb-public-light #root main > div,
html.ffb-public-light #root main > section { color: var(--ffb-ink); }
/* Visually alternate public sections without affecting DOM or CMS data. */
html.ffb-public-light #root main > section:nth-of-type(2n),
html.ffb-public-light #root main > div > section:nth-of-type(2n),
html.ffb-public-light #root [class*="bg-[#120D10]"] { background-color: var(--ffb-blush) !important; }
html.ffb-public-light #root main > section:nth-of-type(2n+1),
html.ffb-public-light #root main > div > section:nth-of-type(2n+1) { background-color: var(--ffb-bg) !important; }
html.ffb-public-light #root header,
html.ffb-public-light #root nav,
html.ffb-public-light #root footer { background: var(--ffb-paper) !important; color: var(--ffb-ink) !important; }
html.ffb-public-light #root footer { border-top: 2px solid var(--ffb-gold) !important; }
html.ffb-public-light #root footer :is(a,button) { color: var(--ffb-ink); }
/* Old white headings and pale body copy must become readable on the light canvas. */
html.ffb-public-light #root [class~="text-white"],
html.ffb-public-light #root [class*="text-[#F8F5F2]"],
html.ffb-public-light #root [class*="text-[#EAE0D9]"],
html.ffb-public-light #root [class*="text-[#C5B5A9]"],
html.ffb-public-light #root [class*="text-[#A8988D]"],
html.ffb-public-light #root [class*="text-[#D5C7C0]"] { color: var(--ffb-ink) !important; }
html.ffb-public-light #root :is(h1,h2,h3,h4,h5,h6) { color: var(--ffb-ink); }
html.ffb-public-light #root p { color: var(--ffb-muted); }
/* Neutralize dark gradients without destroying image content or layout. */
html.ffb-public-light #root [class*="from-[#0A0809]"],
html.ffb-public-light #root [class*="from-[#120D10]"],
html.ffb-public-light #root [class*="to-[#0A0809]"],
html.ffb-public-light #root [class*="to-[#120D10]"] { --tw-gradient-from: var(--ffb-bg) var(--tw-gradient-from-position) !important; --tw-gradient-to: var(--ffb-blush) var(--tw-gradient-to-position) !important; }
/* Cards retain their premium feel, now cream/white with pink and gold borders. */
html.ffb-public-light #root .gym-card,
html.ffb-public-light #root [class*="bg-[#120D10]"],
html.ffb-public-light #root [class*="bg-[#24171B]"] {
  background: var(--ffb-paper) !important;
  color: var(--ffb-ink) !important;
  border-color: #E7CFBE !important;
}
html.ffb-public-light #root .gym-card-active { background: var(--ffb-blush) !important; border-color: var(--ffb-gold) !important; }
/* Interactive surfaces: remove orange/bordeaux accents; restore accessible foregrounds. */
html.ffb-public-light #root [class*="bg-[#E29578]"],
html.ffb-public-light #root [class*="bg-[#8B2F45]"],
html.ffb-public-light #root [class*="bg-[#7A283D]"] { background-color: var(--ffb-rose) !important; color: var(--ffb-ink) !important; }
html.ffb-public-light #root [class*="text-[#E29578]"] { color: #90612B !important; }
html.ffb-public-light #root a:focus-visible,
html.ffb-public-light #root button:focus-visible,
html.ffb-public-light #root input:focus-visible { outline: 3px solid #A06B32 !important; outline-offset: 3px; }
/* Common bordered text panels and form fields. */
html.ffb-public-light #root input,
html.ffb-public-light #root select,
html.ffb-public-light #root textarea { background-color: #fff !important; color: var(--ffb-ink) !important; border-color: #C8B3A7 !important; }
html.ffb-public-light #root input::placeholder,
html.ffb-public-light #root textarea::placeholder { color: #70615C !important; }
/* Contrast guard for pale-on-pale secondary buttons and labels. */
html.ffb-public-light #root [class*="bg-white"] { color: var(--ffb-ink); }
/* Keep overlays in the photo galleries themselves unchanged. */
@media (max-width:640px) {
  html.ffb-public-light #root main,
  html.ffb-public-light #root section { max-width:100%; overflow-wrap:break-word; }
}
@media (prefers-reduced-motion:reduce) {
  html.ffb-public-light #root *, html.ffb-public-light #root *::before, html.ffb-public-light #root *::after { scroll-behavior:auto !important; }
}