/* Approved white, warm dusty rose, navy and metallic gold palette. */
:root { --cosmetic-navy:#294774; --cosmetic-ink:#252a33; --cosmetic-gold:#a58b43; }
body { background:#fff; color:var(--cosmetic-ink); background-image:radial-gradient(ellipse 42rem 30rem at 100% 4%,#eee3e080,transparent 72%); background-attachment:scroll; }
header { background:rgba(255,255,255,.97)!important; border-color:#bda25866!important; backdrop-filter:none!important; }
header img, footer img { filter:none; opacity:1; }
header img { height:64px; width:auto; }
h1,h2,h3,h4, strong { color:var(--cosmetic-navy)!important; }
p[class*="text-mocha"], li[class*="text-mocha"], .hero-art p { color:var(--cosmetic-ink)!important; }
.gold-title { color:#9a803b!important; background:linear-gradient(115deg,#9a803b 5%,#c2a65e 27%,#eee0ac 43%,#a58b43 57%,#c2a65e 78%,#907533); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
button[data-booksy-trigger], .gold-cta:not(a), #mobile-menu button[data-booksy-trigger] { color:#203b65!important; background:linear-gradient(115deg,#ad924a 0%,#d6c27f 22%,#f7edc0 38%,#bda258 58%,#e6d79e 79%,#b69a51 100%)!important; border:1px solid #b59b57; box-shadow:0 3px 9px #a58b4318!important; font-weight:600; }
a.gold-cta { color:var(--cosmetic-navy)!important; background:#fff!important; border-color:#b59b57!important; box-shadow:none!important; }
a.gold-cta:hover { background:#f8f5ec!important; }
:focus-visible { outline:2px solid #294774; outline-offset:4px; }
.soft-card { background:#fff!important; border-color:#bda25880!important; box-shadow:none; }
.soft-card:hover { box-shadow:0 8px 24px #29477410; }
.cosmetic-hero > .absolute { display:none; }
.cosmetic-hero > .relative { padding-top:40px; padding-bottom:28px; gap:42px; }
.hero-art { aspect-ratio:1.42!important; background:radial-gradient(ellipse at 100% 100%,#c8adaa80,transparent 60%),radial-gradient(ellipse at 100% 0%,#c8adaa70,transparent 48%),#fff!important; border:1px solid #b59b57; border-radius:32px; box-shadow:none!important; --tw-ring-shadow:0 0 transparent!important; }
.hero-art::after { content:''; position:absolute; width:120%; height:110%; right:-25%; top:-24%; border:1px solid #bda25899; border-radius:50%; transform:rotate(28deg); pointer-events:none; }
.hero-art p { position:relative; z-index:1; }
.hero-art svg { height:32px; width:32px; color:#a58b43; }
.cosmetic-benefits { padding-top:16px!important; padding-bottom:24px!important; }
.cosmetic-benefits .soft-card { border-radius:18px; padding:22px; }
.cosmetic-benefits .soft-card > div { background:#fff!important; color:#a58b43!important; border:1px solid #bda258; border-radius:50%; }
footer { background:#faf8f6!important; color:var(--cosmetic-ink)!important; border-color:#bda25866!important; }
footer [class*="text-cream"] { color:var(--cosmetic-ink)!important; }
main section:last-child > [class*="from-mocha"] { background:linear-gradient(120deg,#fff 35%,#eee3e0)!important; border:1px solid #bda25880; color:var(--cosmetic-ink)!important; }
main section:last-child [class*="text-cream"] { color:var(--cosmetic-ink)!important; }
@media(min-width:1280px) { .cosmetic-hero h1 { font-size:76px; } }
@media(max-width:639px) { header img { height:48px; } .cosmetic-hero > .relative { padding-top:32px; gap:28px; } .hero-art { min-height:240px; } .cosmetic-hero h1 { font-size:44px; } }
@media(prefers-reduced-motion:reduce) { .soft-card:hover { transform:none; } }