/* ============================================================
   PEGBOARD PAGE — CSS Entry Point
   Imports all modular stylesheets in dependency order.
   ============================================================ */

/* Brand variables & token mapping */
@import url('variables.css');

/* Hero section (nav overrides, hero layout, panel mockup) */
@import url('hero.css');

/* Widget card marquee & containers */
@import url('widgets.css');

/* Per-widget preview styles */
@import url('widget-previews.css');

/* Feature sections (layout, hotkeys, privacy, themes, perf, CTA) */
@import url('sections.css');

/* Layout grid fly-in animation */
@import url('layout-grid.css');

/* Pricing cards */
@import url('pricing.css');

/* Image carousel component */
@import url('carousel.css');

/* Dark mode overrides for hardcoded colours */
@import url('dark-mode.css');

/* Scroll reveal animations */
@import url('animations.css');

/* Responsive breakpoints */
@import url('responsive.css');