/**
 * The whole theme cascade, in header.php's exact order, behind ONE <link>.
 *
 * WHY A SINGLE FILE. The first attempt hand-wrote a <head> in the root layout
 * with eleven <link> elements in it. Two things went wrong:
 *
 *   1. The Next docs forbid it outright — "You should not manually add <head>
 *      tags ... to root layouts" (next/dist/docs/01-app/03-api-reference/
 *      03-file-conventions/layout.md:141 and :568) — and React hoists
 *      stylesheet links on its own, so every sheet was emitted TWICE (60 head
 *      children, with owl/base/fonts each appearing twice).
 *   2. Because React then owned <head>, `app-head-bs.js` doing
 *      `document.head.append(styleEl)` for its preloader put a foreign child
 *      into React's tree and hydration failed. React re-rendered <html> from
 *      the JSX, wiping the `bp-sm`/`bp-md`/`bp-lg` classes that script sets —
 *      and the theme gates every responsive utility on them
 *      (`html.bp-sm .sm\:hstack`, and so on). The layout collapsed.
 *
 * One @import chain removes the whole problem: a single head child, and the
 * cascade order is guaranteed by CSS itself rather than by React's hoisting
 * order, which is not something to bet a design on.
 *
 * Each sheet's own relative url() references still resolve, because they
 * resolve against that sheet's URL, not this one: fonts.css asking for
 * `../fonts/graphik/...` still lands on /theme/fonts/graphik/.
 *
 * TRADE-OFF, stated honestly: @import serialises these requests where eleven
 * parallel <link> tags would not. That costs load time and is worth revisiting
 * with a build step that concatenates them. It does not change what renders.
 */

/* Owl Carousel, from cdnjs as on the old site — there is no local copy of Owl
   anywhere in the project. First, matching header.php lines 54-57. */
@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css");

/* include uni-core components (header.php:67) */
@import url("js/uni-core/css/components/base.min.css");

/* include styles (header.php:70-74) */
@import url("css/fonts.css");
@import url("css/unicons.min.css");
@import url("css/prettify.min.css");
@import url("css/swiper-bundle.min.css");
@import url("css/magic-cursor.min.css");

/* include main style (header.php:77-78) */
@import url("css/theme/main.purege.css");
@import url("css/theme/main.purged.css");

/* Custom Css (header.php:87) */
@import url("css/style.css");

/* SleekTap 2026 design layer — loads last so it wins the cascade
   (header.php:90). It owns h1-h6, .display-*, .hero-header, .section-outer,
   .section-inner, .icon-box and .main-features, with !important on the type. */
@import url("css/sleektap-2026.css");

/* footer.php's inline <style> block, extracted to a file. */
@import url("css/sleektap-footer.css");