/* ============================================================================
 * Whatstack Design System — Barrel file
 *
 * Every page should include this ONE stylesheet and nothing else for shared
 * styling. Page-specific <style> blocks should only contain styles unique
 * to that page (e.g. the calculator's periodic-table grid).
 *
 *   <link rel="stylesheet" href="/assets/ws.css">
 *   <script src="/assets/ws/chrome.js" defer></script>
 *
 * Import order matters — tokens first (so other files can reference them),
 * then reset, then typography, then layout, then components, then chrome.
 * ========================================================================== */

@import url("/assets/ws/tokens.css");
@import url("/assets/ws/reset.css");
@import url("/assets/ws/typography.css");
@import url("/assets/ws/layout.css");
@import url("/assets/ws/components.css");
@import url("/assets/ws/chrome.css");