/* ============================================================
   oct.css — OCT Simulator page styles (@import hub)
   ─────────────────────────────────────────────────────────────
   Loaded by html-templates/oct.html after css/shared/*.css.
   ORDER MATTERS:
     1. tokens            _variables (incl. the page-scoped dark theme)
     2. layout            _layout (breakpoint slots, header, boot)
     3. components        well, chips, controls, chrome (global
                          bar, tabs, sections), readouts,
                          inspector, sheet, learn-practice
     4. motion + a11y     _motion LAST, so reduced-motion wins ties
   Every --oct-* token is defined in components/_variables.css;
   the only outside tokens are css/shared/design-tokens.css ones.
   Canvas colours mirror js/oct/render/palette.js — change both.
   All @imports carry ?v=1: bump with this file.
   ============================================================ */

@import url("components/_variables.css?v=10");
@import url("components/_layout.css?v=10");
@import url("components/_well.css?v=2");
@import url("components/_chips.css?v=8");
@import url("components/_controls.css?v=10");
@import url("components/_chrome.css?v=8");
@import url("components/_readouts.css?v=2");
@import url("components/_inspector.css?v=2");
@import url("components/_sheet.css?v=10");
@import url("components/_learn-practice.css?v=2");
@import url("components/_onh.css?v=10");
@import url("components/_motion.css?v=2");