/*
 * Blocktail methodology
 * Full documentation available at https://blocktail.dev
 *
 * L1  matrix--landing          Body template scope
 * L2  context--hero            Above-fold intro (hero + action_bar)
 * L2  context--features        Feature showcase (usage → compatibility)
 * L3  breathing_bg             Fixed gradient background
 * L3  page_layout              Centered content column
 * L3  hero                     Logo, role line, heading, description
 * L3  action_bar               Install command + project links (above fold)
 * L3  usage                    Code example
 * L3  capabilities             What it measures (grouped)
 * L3  pipeline                 How it fits (architecture SVG)
 * L3  compatibility            Works-with badges
 * L3  site_footer              License + version
 * L4  --lit, --dim             Pipeline emphasis mutations
 * L5  -tail                    Sub-elements scoped to parent block
 *
 * Typography scale (minor third, 16px base)
 *
 *   Hero heading    1.375rem   22px   wght 600
 *   Role line       0.9375rem  15px   wght 400
 *   Body / desc     1rem       16px   wght 400
 *   Qualifier       0.875rem   14px   wght 500
 *   Secondary       0.9375rem  15px   wght 400
 *   Code            0.875rem   14px   JetBrains Mono 400
 *   Labels          0.75rem    12px   wght 500
 *   Category heads  0.875rem   14px   wght 500
 *   Links / btns    0.875rem   14px   wght 500
 *   Meta / footer   0.75rem    12px   wght 400
 *   Version badge   0.6875rem  11px
 */

/* Shared */
@import "./shared/reset.css";
@import "./shared/tokens.css";
@import "./shared/typography.css";
@import "./shared/breathing_bg.css";

/* Landing blocks */
@import "./blocks/landing/page_layout.css";
@import "./blocks/landing/hero.css";
@import "./blocks/landing/action_bar.css";
@import "./blocks/landing/usage.css";
@import "./blocks/landing/capabilities.css";
@import "./blocks/landing/pipeline.css";
@import "./blocks/landing/compatibility.css";
@import "./blocks/landing/site_footer.css";
