/* ════════════════════════════════════════════════════════════════════════
   sunscope.css — Main CSS entry point.
   ════════════════════════════════════════════════════════════════════════

   QUICK MAP — where to find and change common things
   ──────────────────────────────────────────────────────────────────────
     Page background        css/base.css    body { background }
     Body text colour       css/base.css    .utci-app { color }
     Brand "brass" colour   search files for #c8922a
     Headline font          css/header.css  .utci-title { font-family }
     Body text font         css/base.css    .utci-app { font-family }
     Max page width         css/base.css    .utci-shell { max-width }
     Mobile breakpoint      css/ui.css      @media (max-width: 800px)
     Big UTCI dial size     css/header.css  .scope-ring { width / height }
     Profile buttons        css/table.css   .profile-btn
     Column toggles         css/table.css   .col-toggle
     Hourly table           css/table.css   .utci-table
     Legend                 css/ui.css      .utci-legend
     About / footer         css/ui.css      .utci-about / .utci-footer

   FILE STRUCTURE
   ──────────────────────────────────────────────────────────────────────
     css/base.css     Colour palette docs, fonts+reset, page shell, nav
     css/header.css   Header grid, title, dial, search box
     css/table.css    Day tabs, profiles, column toggles, hourly table,
                      now-row + night-row decorations
     css/ui.css       Status banners, legend, about, footer, responsive
   ════════════════════════════════════════════════════════════════════════ */

@import "./css/base.css";
@import "./css/header.css";
@import "./css/table.css";
@import "./css/ui.css";