/* ============================================================
   DBM – BASE.CSS
   Algemene basis, kleuren, achtergrond, overlay
============================================================ */

:root {
    --dbm-blue: #7EC8FF;
    --dbm-blue-light: #a7e0ff;
    --dbm-glass-bg: rgba(255,255,255,0.15);
    --dbm-glass-border: rgba(255,255,255,0.18);
    --dbm-text-light: #fff;
    --dbm-text-dark: #000;
    --dbm-shadow: 0 0 20px rgba(0,0,0,0.4);
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Universele achtergrond */
.dbm-page {
    background: url("../images/magazijn.jpg") no-repeat center center fixed;
    background-size: cover;
    position: relative;
}

/* Donkere overlay */
.dbm-page::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35); /* fade */
    backdrop-filter: blur(1px);   /* heel subtiel, voor diepte */
    z-index: -1;
}