/* ================================================================
   MFA Website - site.css
   Master stylesheet - imports shared modules only.

   Shared (loaded on every page via site.css):
   - variables.css    CSS Custom Properties (:root) + Dark theme
   - base.css         Reset, Typography, Layout, Animations, Buttons
   - layout.css       Navbar, Footer, Page Headers, CTA, Auth, Newsletter
   - components.css   Shared UI components (page-hero, lightbox, cards, etc.)

   Global (loaded in _Layout alongside site.css):
   - rtl.css          RTL overrides (conditional)

   Per-page (loaded conditionally via @section Styles):
   - home.css         Hero, Stats, Programs, Testimonials, Map, Partners
   - campaigns.css    Campaign detail page, stats, folders
   - donate.css       Donation form, wizard, modal (Donate + Campaign Details)
   - projects.css     Project cards + detail page
   - about.css        About page, Regional, Timeline, Team
   - blog.css         Blog listing + detail page
   - media-page.css   Media gallery
   - profile.css      Profile banner, sidebar, avatar
   - contact.css      Contact-specific overrides
   - partner.css      Partner strip, benefits
   - resources.css    Book shelf, newsletters, quick links
   - regions.css      Region pages (Gaza, Syria, etc.)
   - admin.css        Admin dashboard - loaded in _LayoutAdmin
   ================================================================ */

@import url('variables.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');