/* ============================================
   Canonical viewport breakpoints

   Mirrors crates/websh-web/src/platform/breakpoints.rs. CSS @media
   rules cannot read var(), so each module repeats the literal number.
   These tokens document the canonical viewport tiers and are available
   to JS/Rust code that needs to reach into CSS for the value.

   Tiers:
   - sm  460px — chrome chip threshold (narrow phones)
   - md  640px — mobile compact ↔ desktop layout split
                 (home, ledger, site_frame)
   - lg  760px — chrome wide tier (tablet/desktop content)
   - xl 1080px — reader TOC sidebar (wide desktop)

   Layout-driven exceptions are NOT part of this canon — they are
   content-fit thresholds for a specific layout, not viewport tiers.
   ============================================ */

:root {
  --bp-sm: 460px;
  --bp-md: 640px;
  --bp-lg: 760px;
  --bp-xl: 1080px;
}