/* iron-theme.css Iron Digital — light-palette override for the self-contained Tailwind pages (faq, pricing-v2, about-v2, blog-v2, solutions-v2, …). Linked LAST in so it re-colours the dark-zinc utility theme to the brand light palette without touching markup. Colours only — no layout. design-ignore: Iron Digital brand (oxblood #800020 primary + blue #005289 secondary on cream #FBF9F6). */ html, body { background:#FBF9F6 !important; color:#211416 !important; } /* surfaces */ [class*="bg-zinc-95"],[class*="bg-zinc-90"],[class*="bg-black"] { background-color:#FBF9F6 !important; } [class*="bg-zinc-8"],[class*="bg-zinc-7"],[class*="bg-zinc-6"], [class*="bg-zinc-100"],[class*="bg-zinc-200"],[class*="bg-white"] { background-color:#F2EBE1 !important; } /* text */ [class*="text-zinc-1"],[class*="text-zinc-2"],.text-black { color:#211416 !important; } [class*="text-zinc-3"],[class*="text-zinc-4"],[class*="text-zinc-5"], [class*="text-zinc-6"],[class*="text-zinc-7"] { color:#6f6058 !important; } /* borders */ [class*="border-zinc"] { border-color:#e4dccf !important; } /* kill gradients + atmospheric fades + shadow-as-elevation */ [class*="bg-gradient-"] { background-image:none !important; background-color:#F2EBE1 !important; } [class*="bg-gradient-to-t"],[class*="bg-gradient-to-b"] { background-image:none !important; background-color:transparent !important; } [class*="from-"],[class*="via-"],[class*="to-"] { --tw-gradient-from:transparent !important; --tw-gradient-via:transparent !important; --tw-gradient-to:transparent !important; --tw-gradient-stops:transparent !important; } [class*="shadow-"] { box-shadow:none !important; } /* brand accents */ .accent-text,.gradient-text,.gradient-glow,.grad-text { color:#800020 !important; -webkit-text-fill-color:#800020 !important; background:none !important; } .btn-accent,.nav-cta-button { background:#800020 !important; color:#FBF9F6 !important; } .glass-btn { background:linear-gradient(180deg,#98203f,#800020) !important; color:#fff !important; border:none !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; box-shadow:0 6px 18px rgba(128,0,32,.3) !important; } /* design-ignore: Iron Digital brand glossy button */ ::selection { background:#800020; color:#FBF9F6; } /* Hero (.detroit-bg) → cream surface + subtle multiply photo, so the headline (now dark, flipped from text-zinc-100) reads. Matches the homepage. (these pages bake a dark background:#09090b onto the section itself.) */ .detroit-bg { background-color:#FBF9F6 !important; } .detroit-bg::before { opacity:0.08 !important; mix-blend-mode:multiply !important; background-attachment:scroll !important; } /* the hero is light now → any inline white/near-white text inside it must flip to ink */ .detroit-bg [style*="rgba(255,255,255"], .detroit-bg [style*="rgba(255, 255, 255"], .detroit-bg [style*=":#fff"], .detroit-bg [style*=":#ffffff"], .detroit-bg [style*=": #fff"] { color:#211416 !important; -webkit-text-fill-color:#211416 !important; } /* ── Inline dark-theme leftovers ─────────────────────────── These pages hard-code white text + near-invisible glassy cards inline. 1) flip inline white text → ink; 2) give the glassy cards a real surface; 3) RE-whiten anything inside the inline blue/dark sections (which keep white). */ [style*="color:rgba(255,255,255"],[style*="color:rgba(255, 255, 255"], [style*="color:#fff"],[style*="color: #fff"],[style*="color:#ffffff"],[style*="color: #ffffff"] { color:#211416 !important; -webkit-text-fill-color:#211416 !important; } [style*="background:rgba(255,255,255,0.0"],[style*="background: rgba(255,255,255,0.0"], [style*="background:rgba(255, 255, 255, 0.0"],[style*="background-color:rgba(255,255,255,0.0"] { background-color:#F2EBE1 !important; border:1px solid #e4dccf !important; } [style*="background:#003D6A"] *,[style*="background:#003d6a"] *,[style*="background:#005289"] *, [style*="background:#0076B6"] *,[style*="background:#0076b6"] *,[style*="background:#002e52"] *, [style*="background:#004a80"] *,[style*="background:linear-gradient(145deg,#005289"] *, [style*="background:linear-gradient(145deg,#002e52"] *,[style*="background:rgba(0,118,182"] *, [style*="background:rgba(0, 118, 182"] * { color:#FBF9F6 !important; -webkit-text-fill-color:#FBF9F6 !important; } /* ── Pricing tiers (.p-card-tier) → clean light editorial cards ── Replaces the heavy dark-navy gradient boxes + shadows with cream/sand surfaces, a 1px border, oxblood price, and the highlighted tier outlined in oxblood. Fits the site aesthetic and fixes the on-card contrast. */ .p-card-tier { background:#F2EBE1 !important; background-image:none !important; border:1px solid #e4dccf !important; box-shadow:none !important; } .p-card-tier-center { background:#FBF9F6 !important; border:2px solid #800020 !important; } .p-card-tier, .p-card-tier * { color:#211416 !important; -webkit-text-fill-color:#211416 !important; } .p-card-header { background:transparent !important; background-image:none !important; border-bottom:1px solid #e4dccf !important; } .p-card-header p { color:#800020 !important; -webkit-text-fill-color:#800020 !important; } /* eyebrow → oxblood */ .p-card-tier .text-4xl, .p-card-tier .text-5xl { color:#800020 !important; -webkit-text-fill-color:#800020 !important; } /* price → oxblood */ .p-card-body .font-mono { color:#6f6058 !important; -webkit-text-fill-color:#6f6058 !important; } /* "starts at" / "/one-time" → muted */ .p-tick { color:#800020 !important; } /* feature ticks → oxblood */ .p-card-shimmer { display:none !important; } /* drop the dark-theme shimmer */ .p-card-tier .glass-btn, .p-card-tier .glass-btn * { color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } /* Centre glass-button labels (several pages ship asymmetric pl-12/pr-4 padding) */ .glass-btn { justify-content:center !important; text-align:center !important; padding-left:2rem !important; padding-right:2rem !important; } /* Blog category pills sit on the post photos. The problem was no fill (oxblood text on transparent) — give them the same glossy red + white as every other button on the site, so they're solid and consistent. */ [class*="rounded-full"].accent-text, [class*="rounded-full"][class*="accent-text"] { background:linear-gradient(180deg,#98203f,#800020) !important; /* design-ignore: Iron Digital brand glossy pill */ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; border-color:#800020 !important; } /* CTA text stays white */