body {
    color: #f3eadb;
    background:
        radial-gradient(circle at 16% 0%, rgba(186, 126, 45, 0.18), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(36, 82, 52, 0.20), transparent 28%),
        linear-gradient(180deg, #16110d 0%, #241913 48%, #100d0a 100%);
}

.site-header {
    background:
        radial-gradient(circle at 18% 0%, rgba(186, 126, 45, 0.24), transparent 30%),
        linear-gradient(180deg, rgba(38, 25, 18, 0.96), rgba(18, 13, 10, 0.98));
    color: #f8eddd;
    border-bottom: 1px solid rgba(186, 126, 45, 0.28);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.36);
}

.nav-list a,
.site-brand .lobster {
    color: #f8eddd;
}

.nav-list a:hover {
    color: #d8a24b;
}

.home-quickstart,
.home-intro,
.home-carousel {
    background:
        radial-gradient(circle at 16% 4%, rgba(186, 126, 45, 0.16), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(33, 74, 47, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(38, 28, 22, 0.96), rgba(22, 17, 13, 0.98));
    border-color: rgba(186, 126, 45, 0.24);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.34);
}

.home-quickstart::before,
.home-carousel::before,
.home-intro::before {
    background:
        radial-gradient(circle at 20% 18%, rgba(225, 198, 151, 0.14), transparent 32%),
        radial-gradient(circle at 84% 24%, rgba(35, 91, 57, 0.16), transparent 20%),
        linear-gradient(180deg, rgba(255, 236, 205, 0.04), rgba(0, 0, 0, 0.06));
}

.home-hero-title,
.home-title,
.home-start-card h2,
.home-carousel-body h2 {
    color: #f1dfbf;
}

.home-hero-text,
.home-text p,
.home-start-card p,
.home-carousel-body p {
    color: #d9c8b4;
}

.home-code-form,
.home-start-card,
.home-carousel-card {
    background:
        linear-gradient(180deg, rgba(52, 38, 29, 0.96), rgba(31, 23, 18, 0.98));
    border-color: rgba(186, 126, 45, 0.26);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
}

.paper-strip-yellow {
    background: linear-gradient(180deg, #d8a24b 0%, #a86724 100%);
    color: #21130c;
}

.paper-strip-green {
    background: linear-gradient(180deg, #2d7a4d 0%, #174a30 100%);
    color: #f6efe4;
}

.paper-strip-red {
    background: linear-gradient(180deg, #6f2f21 0%, #3b1b15 100%);
    color: #f8d7a1;
    border-color: rgba(186, 126, 45, 0.30);
}

.home-code-row input {
    background: #150f0c;
    border-color: rgba(186, 126, 45, 0.30);
    color: #ffe6bd;
}

.home-code-row input::placeholder {
    color: rgba(158, 142, 122, 0.62);
}

.home-code-submit,
.home-quick-button-primary {
    background: linear-gradient(180deg, #2d7a4d 0%, #174a30 100%);
    border-color: rgba(216, 162, 75, 0.22);
    color: #f6efe4;
}

.home-quick-button,
.home-action-link,
.bs-game-tile-cta {
    background: rgba(186, 126, 45, 0.14);
    border-color: rgba(186, 126, 45, 0.28);
    color: #d8a24b;
}

.home-menu-toggle,
.nav-toggle {
    background: rgba(31, 74, 48, 0.18);
    border-color: rgba(216, 162, 75, 0.28);
    color: #f1dfbf;
}

.home-menu-toggle {
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.home-code-form label {
    color: #d8a24b;
}

.bs-games-card,
.bs-lobby-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(186, 126, 45, 0.14), transparent 26%),
        linear-gradient(180deg, rgba(45, 31, 24, 0.96), rgba(22, 16, 13, 0.98));
    border-color: rgba(186, 126, 45, 0.24);
    color: #f6efe4;
}

body.bs-site-barspelletjes .home-quickstart,
body.bs-site-barspelletjes .home-intro,
body.bs-site-barspelletjes .home-carousel {
    background:
        radial-gradient(circle at 16% 4%, rgba(186, 126, 45, 0.16), transparent 30%),
        radial-gradient(circle at 86% 18%, rgba(33, 74, 47, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(38, 28, 22, 0.96), rgba(22, 17, 13, 0.98)) !important;
    border-color: rgba(186, 126, 45, 0.24) !important;
}

body.bs-site-barspelletjes .home-quickstart::before,
body.bs-site-barspelletjes .home-carousel::before,
body.bs-site-barspelletjes .home-intro::before {
    background:
        radial-gradient(circle at 20% 18%, rgba(225, 198, 151, 0.14), transparent 32%),
        radial-gradient(circle at 84% 24%, rgba(35, 91, 57, 0.16), transparent 20%),
        linear-gradient(180deg, rgba(255, 236, 205, 0.04), rgba(0, 0, 0, 0.06)) !important;
}

body.bs-site-barspelletjes .home-code-form,
body.bs-site-barspelletjes .home-start-card,
body.bs-site-barspelletjes .home-carousel-card {
    background: linear-gradient(180deg, rgba(52, 38, 29, 0.96), rgba(31, 23, 18, 0.98)) !important;
    border-color: rgba(186, 126, 45, 0.26) !important;
}

body.bs-site-barspelletjes .paper-strip-green {
    background: linear-gradient(180deg, #2d7a4d 0%, #174a30 100%) !important;
    color: #f6efe4 !important;
}

body.bs-site-barspelletjes .paper-strip-yellow {
    background: linear-gradient(180deg, #d8a24b 0%, #a86724 100%) !important;
    color: #21130c !important;
}

body.bs-site-barspelletjes .home-code-submit,
body.bs-site-barspelletjes .home-quick-button-primary {
    background: linear-gradient(180deg, #2d7a4d 0%, #174a30 100%) !important;
    color: #f6efe4 !important;
}

body.bs-site-barspelletjes .home-hero-title,
body.bs-site-barspelletjes .home-title,
body.bs-site-barspelletjes .home-start-card h2 {
    color: #f1dfbf !important;
}

body.bs-site-barspelletjes .home-hero-text,
body.bs-site-barspelletjes .home-start-card p,
body.bs-site-barspelletjes .home-text p {
    color: #d9c8b4 !important;
}