/* public/css/main.css */

/* 1. Grundlegende Stile (Variablen, Body-Reset) */
@import url('base/_base.css');
@import url('base/_utilities.css');

/* 2. Layout-Stile (App-Struktur, Header, Sidebar) */
@import url('components/_app-layout.css');
@import url('components/_header.css');
@import url('components/_sidebar.css');

/* 3. Komponenten-Stile (Formulare, Buttons, etc.) */
@import url('components/_forms.css');
@import url('components/_buttons.css');
@import url('components/_cards.css');
@import url('components/_orientation-lock.css');
@import url('components/_modal.css');
@import url('components/_notifications.css');
@import url('components/_cookie-banner.css');
/* ... weitere Komponenten wie _cards.css etc. ... */

/* 4. Seiten-spezifische Stile (werden als letztes geladen, um spezifischer zu sein) */
@import url('pages/_landing.css');
@import url('pages/_settings.css');
@import url('pages/_guest.css');
@import url('pages/_error.css');

@import url('pages/_dashboard.css');
@import url('pages/_rules.css');
@import url('pages/_trades.css');
@import url('pages/_accounts.css');

/* 5. Responsive Stile (werden ganz am Ende geladen) */
@import url('responsive.css'); /* Wir erstellen eine separate Datei dafür */
@import url('subscription.css');