/*
 *  Template Author : pixelhint.com
 *  Author Email    : contact@pixelhint.com
 *  Template Name   : Magnetic
 *
 *  Phase 10: refactored from a single 2582-line stylesheet into the
 *  layered structure below. main.css is now an @import-only entry —
 *  every actual rule lives under one of base/layout/components/pages.
 *
 *  Import order matters for the cascade; the sequence below mirrors
 *  the original top-to-bottom order in pre-Phase-10 main.css plus the
 *  four standalone sheets that head.ejs used to load after main.css.
 */

@import url('base/reset.css');
@import url('base/variables.css');
@import url('base/fonts.css');
@import url('base/typography.css');
@import url('layout/header.css');
@import url('layout/grid.css');
@import url('pages/home.css');
@import url('pages/post.css');
@import url('components/tooltip.css');
@import url('components/toc.css');
@import url('components/mermaid.css');
@import url('components/canvas.css');
@import url('components/callout.css');
@import url('responsive.css');
@import url('components/code-block.css');

/* These four were standalone <link>s loaded AFTER main.css in the old
   head.ejs, so they still need to come last to preserve cascade. */
@import url('components/table.css');
@import url('components/image-zoom.css');
@import url('components/tag-graph.css');
@import url('components/language-switcher.css');