/* ════════════════════════════════════════════════════════════════
   main.css — Single entry point
   Mobile first: base styles target mobile, min-width queries
   scale UP to tablet and desktop.

   Import order:
   1. Variables  — custom properties used everywhere
   2. Base       — reset, font, body
   3. Layout     — page grid structure
   4. Components — each piece of UI with its own responsive rules
   5. Landscape  — special orientation override (always last)
════════════════════════════════════════════════════════════════ */

@import './variables.css';
@import './base.css';
@import './layout.css';

@import './components/logo.css';
@import './components/slogan.css';
@import './components/keyboard.css';

@import './responsive/landscape.css';