/* ===========================================================================
   Dentura — FRESH front-end entry point (mobile-first rehaul).
   See CLAUDE.md + REHAUL_PLAN.txt. This is the ONLY stylesheet the new
   app/base.html loads. Everything here is mobile-first: default rules are the
   phone layout; tablet/desktop are layered via @media (min-width: ...).

   Reused (not copied) from the existing system:
     - base/reset.css      modern reset, token-aware. Foundational, kept.
     - base/variables.css  design tokens — FONTS + COLORS + spacing/radius/etc.
                           The one deliberate "keep". Single-sourced here.

   Fresh (built for this rehaul, all under app/):
     - app/base/*          app-wide element defaults on tokens
     - app/layouts/*       the single app shell (header, content, bottom-nav, drawer)
     - app/components/*    buttons, forms, the record list/card primitive, sheets
     - app/pages/<page>/*  one folder per page (imported per page as built)

   NO Bootstrap. NO trailing desktop-first "responsive.css" override layer.
   =========================================================================== */

/* --- Reused foundation (tokens + reset) ---------------------------------- */
@import '../base/reset.css';
@import '../base/variables.css';

/* --- Fresh app-wide base ------------------------------------------------- */
@import './base/elements.css';

/* --- Fresh layout (the app shell) ---------------------------------------- */
@import './layouts/app-shell.css';

/* --- Fresh components ----------------------------------------------------- */
@import './components/buttons.css';
@import './components/forms.css';
@import './components/records.css';
@import './components/sheet.css';
@import './components/feedback.css';

/* --- Page styles (added here as each fresh page is built) ----------------- */
@import './pages/login/login.css';
@import './pages/home/home.css';
@import './pages/calendar/calendar.css';
@import './pages/patients/patients.css';
@import './pages/patient_account/patient_account.css';
@import './pages/patient_profile/patient_profile.css';
@import './pages/payments/payments.css';
@import './pages/admin/admin.css';
@import './pages/public/public.css';
/* @import './pages/<page>/<page>.css'; */