/* ==========================================================================
   1. IMPORTS (SKAL STÅ ABSOLUT ØVERST)
   ========================================================================== */
/* De originale basis-layouts */
@import url('css/header.css');
@import url('css/aside.css');
@import url('css/main.css');
@import url('css/footer.css');

/* Import af unikke undersider til main (1-1 Match) */
@import url('css/main/forside.css');
@import url('css/main/kontakt.css');
@import url('css/main/betingelser.css');
@import url('css/main/billeder.css');
@import url('css/main/kurv.css');
@import url('css/main/ordre_tak.css');
@import url('css/main/login.css');
@import url('css/main/profil.css');
@import url('css/main/admin_upload.css');
@import url('css/main/admin_manage.css');
@import url('css/main/admin_customers.css');
@import url('css/main/admin_orders.css');
@import url('css/main/admin_history.css');
@import url('css/main/admin_orders_bestillinger.css');
@import url('css/main/admin_orders_afsendelse.css');
@import url('css/main/customer_orders.css');
@import url('css/main/customer_orders_aktive.css');
@import url('css/main/customer_orders_historik.css');

/* MOBIL-KOMPONENTER (Håndterer responsivitet 1-1 uden !important) */
@import url('css/component/structure.css');
@import url('css/component/header.css');
@import url('css/component/aside.css');
@import url('css/component/main.css');

/* ==========================================================================
   2. GLOBALE BASEFARVER / VARIABLER
   ========================================================================== */
:root {
    --primary-color: #7209b7;       /* Kreativ syrenlilla (Blandet og magisk) */
    --primary-hover: #560bad;       /* Dybere lilla til links/knapper */
    --bg-light: #f7f4fa;            /* Meget lys lilla/gråtonet baggrund */
    --bg-dark: #1e1e24;             /* Mørk kontrastfarve til footer */
    --text-color: #333333;          /* Standard tekstfarve */
    --border-color: #e2daf0;        /* Blød lys syrenkant */
    --rainbow-gradient: linear-gradient(90deg, #ff595e, #ffca3a, #8ac926, #1982c4, #6a4c93); /* LGBT+ Regnbue */
}

/* ==========================================================================
   3. BASE & STRUCTURE LAYOUT (HTML5)
   ========================================================================== */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fdf6f8; /* Svagt tonet baggrund */
    color: var(--text-color);
    display: flex;
    justify-content: center;
    align-items: flex-start;
}