/** QRoep Base — version 2.0.0 */

:root {
    --qr-bg: #0f1412;
    --qr-bg-soft: #141c18;
    --qr-bg-mid: #1a2420;
    --qr-card: rgba(255, 255, 255, 0.046);
    --qr-card-border: rgba(255, 250, 242, 0.10);
    --qr-text: #f7f3ec;
    --qr-heading: #fffaf2;
    --qr-muted: #b6b5af;
    --qr-muted-deep: #8f8f8a;
    --qr-accent: #eab970;
    --qr-accent-hover: #fdc879;
    --qr-accent-soft: rgba(234, 185, 112, 0.09);
    --qr-accent-border: rgba(234, 185, 112, 0.26);
    --qr-green: #4caf7d;
    --qr-green-soft: rgba(76, 175, 125, 0.10);
    --qr-green-border: rgba(76, 175, 125, 0.26);
    --qr-radius-large: 24px;
    --qr-radius-medium: 16px;
    --qr-radius-small: 10px;
    --qr-content-width: 1160px;
}

/**
 * QRoep basis: tokens, globale breedtes en pagina-ankers.
 */

html {
    scroll-padding-top: 96px;
}

body.qroep-site {
    background: var(--qr-bg);
    color: var(--qr-text);
}

body.qroep-site .site-main,
body.qroep-site .content-area {
    background: var(--qr-bg);
}

[id] {
    scroll-margin-top: 96px;
}

.qr-page-shell,
.qr-section,
.qr-page-hero,
.qr-final-section {
    color: var(--qr-text);
}