/* ============================================================
   style.css — master stylesheet
   This file contains @imports ONLY. No rules go here.
   Per modularization.mdc.
   ============================================================ */

/* 0. Web font — Roboto, matches the marketing landing page */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap");

/* 1. Tokens — must load first, everything depends on these */
@import url("./variables.css");

/* 2. Utilities — low-level helpers */
@import url("./utilities.css");

/* 3. Components — reusable UI patterns */
@import url("./buttons.css");
@import url("./toasts.css");

/* 4. Sections — page-specific layout */
@import url("./navbar.css");
@import url("./navbar_mode.css");
@import url("./navbar_offline.css");
@import url("./hero.css");
@import url("./timeline.css");
@import url("./carousel.css");
@import url("./story.css");
@import url("./lead-form.css");
@import url("./login.css");
@import url("./admin-notifications.css");
@import url("./stackexchange.css");
@import url("./homepage.css");