/** * Muqawel Platform - Unified Color Theme * * This file overrides CSS variables at :root level to enforce a * consistent color palette across ALL pages of the site. * * Include this in of every page AFTER any page-specific CSS: * * * navbar-render.js auto-injects this file on all pages that include it. */ :root { /* Primary brand colors */ --primary: #0f4c75 !important; --primary-light: #3282b8 !important; --primary-dark: #0a3858 !important; --secondary: #1e3a8a !important; /* Accent / orange */ --accent: #ff6b35 !important; --accent-light: #f7931e !important; --accent-dark: #e85d25 !important; /* Status colors */ --success: #10b981 !important; --success-light: #d1fae5 !important; --danger: #ef4444 !important; --danger-light: #fee2e2 !important; --warning: #f59e0b !important; --warning-light: #fef3c7 !important; --info: #3b82f6 !important; --info-light: #dbeafe !important; /* Neutrals */ --dark: #1b262c !important; --gray: #6b7280 !important; --gray-50: #f9fafb !important; --gray-100: #f3f4f6 !important; --gray-200: #e5e7eb !important; --gray-300: #d1d5db !important; --gray-500: #6b7280 !important; --gray-600: #4b5563 !important; --gray-700: #374151 !important; --gray-800: #1f2937 !important; --gray-900: #111827 !important; --light: #f9fafb !important; --white: #ffffff !important; } /* ====================================================== FIX: Remove phantom top padding on old pages that had fixed navbars (class="has-navbar" on ). The new sticky navbar doesn't need this padding. ====================================================== */ body.has-navbar { padding-top: 0 !important; } /* Also fix any common legacy patterns where pages added manual top spacing to clear a fixed navbar */ body.has-navbar > .hero:first-of-type, body.has-navbar > section:first-of-type, body.has-navbar > main:first-of-type { margin-top: 0 !important; } /* ====================================================== Remove top space caused by old .page-hero that assumed a fixed navbar above it ====================================================== */ .page-hero { margin-top: 0 !important; } /* ====================================================== Global smoothing ====================================================== */ html { scroll-behavior: smooth; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }