/*
 * main.css - frontend stylesheet entry point for bsm-theme.
 *
 * Source: ../obsidian/10_Projects/bsm_website/theme/theme-spec.md (section 2).
 * Phase 6 (CSS foundation).
 *
 * Loading order in functions.php (bsm_enqueue_assets):
 *   1. tokens.css  - design tokens (CSS variables)
 *   2. base.css    - reset + base typography + small utilities
 *   3. main.css    - this file (component-level styles)
 *
 * Why three files:
 *   - tokens are loaded first so CSS variables are available everywhere.
 *   - base depends on tokens and provides the global rules.
 *   - main holds theme-level component styles (Phases 8+).
 *
 * Block styles (Phases 9-11) will live under ../blocks/<name>/style.css
 * and be loaded scoped per-block.
 */

@media (min-width: 720px)  { /* tablet */ }
@media (min-width: 900px)  { /* small desktop */ }
@media (min-width: 1100px) { /* desktop */ }
@media (min-width: 1320px) { /* large desktop */ }