/* ============================================================
   STYLES.CSS — Import Hub
   Quran Tafseer Study Framework

   This file is the single entry point referenced by all HTML pages.
   Actual styles are split into focused modules below.

   Load order matters — base tokens must come before layout/components.
   ============================================================ */

@import 'base.css';       /* Design tokens (:root), reset, fonts     */
@import 'layout.css';     /* Sidebar, topbar, hamburger, page wrapper */
@import 'components.css'; /* Hero, cards, Arabic text, tafseer, etc.  */
@import 'responsive.css'; /* max-width:768px mobile breakpoint         */
@import 'print.css';      /* @media print                              */