/* Theme Name: Meridian SWF Theme URI: https://swf.sa/ Author: Skyline (alskyline.com) Author URI: https://alskyline.com/ Description: Meridian — a world-class federation theme for the Saudi Weightlifting Federation. Royal-purple primary, Saudi-green accent, Fraunces + Hanken Grotesk type, a cinematic weightlifting video hero, a continuous blue→purple scroll fade, scroll-reveals, parallax, count-up stats, a sliding ticker and a scroll-progress bar. Fully bilingual (Arabic default, RTL-ready). Classic WordPress theme — pages via the editor, news via posts. Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.5 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: meridian-swf Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, full-width-template, sports, education */ /* The complete Meridian design system (tokens, layout, hero, sections, scroll-fade, fade-light/fade-dark, ticker, reveals, parallax, RTL) lives in assets/styles.css and is enqueued by functions.php. This file carries only the WordPress theme header (required) plus a couple of no-FOUC safety rules that apply before the main stylesheet is parsed. Do not put design rules here — edit assets/styles.css. */ /* Pre-paint safety: keep the page background on the footer purple so the fixed deep-purple footer + scroll-wash never flash white on first paint. IMPORTANT: this MUST live on , never on . The video hero (.hero-media / .hero-scrim) sits at a NEGATIVE z-index so it paints behind the hero content but above the page canvas. That only works when the page wash (the body's blue→purple gradient in assets/styles.css) propagates to the canvas — which the CSS spec only does when has NO background of its own. Setting a background on kills that propagation, so the body wash paints on the body box *above* the negative-z hero media and buries the video under the light periwinkle. Keeping the safety colour on prevents the first-paint flash AND lets the wash reach the canvas, so the dark video hero shows through. Do not move this to html. */ body { background-color: #1E0E38; margin: 0; }