/* -------------------------------------------------------------------------- * Develobrite scoped defensive rules * * These rules apply ONLY inside `.develobrite-page`. Purpose: * 1. Insulate the brand palette/typography from anything WordPress core, * plugins, or the host may inject into the outer . * 2. Give a clean fallback stack so the site never renders in Times New * Roman if the main stylesheet fails to load before first paint. * 3. Ensure the admin bar / login bar can never affect layout of our * first hero band. * ------------------------------------------------------------------------ */ .develobrite-page { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; color: #12160F; background: #FBFBF7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; box-sizing: border-box; } .develobrite-page *, .develobrite-page *::before, .develobrite-page *::after { box-sizing: inherit; } /* Display font — headings inside the scope only. Never affects wp-admin. */ .develobrite-page h1, .develobrite-page h2, .develobrite-page h3, .develobrite-page .display, .develobrite-page .hero-title { font-family: 'Fraunces', Georgia, 'Times New Roman', serif; color: #12160F; letter-spacing: -0.01em; } /* Admin-bar safety — WordPress shifts the body 32px down when the admin bar * is visible, which can chop the hero. Guarantee we always start from the * top of the scoped container. */ .develobrite-page { position: relative; } /* Neutralize any host-injected content-width constraints that might squash * our full-bleed sections. */ .develobrite-page > header.nav, .develobrite-page > main, .develobrite-page > footer.footer { width: 100%; max-width: none; margin-left: 0; margin-right: 0; } /* Ensure link color inherits the design token — some hosts inject a global * a { color: blue } for accessibility scanners. */ .develobrite-page a { color: inherit; text-decoration: none; }