:root {
    --house-colour: #ff8d2e;
    --winter-colour: #373c74;
    --dark-colour: #000000;
    --spring-colour: #a7f192;
}

.house {
    .boxes {
        fill: var(--house-colour);
        stroke: #000000;
    }
}

.winter {
    .boxes {
        fill: var(--winter-colour);
        stroke: #000000;
    }

    h1, #license-text {
        color: white;
    }
}

.dark {
    .boxes {
        fill: var(--dark-colour);
        stroke: #000000;
    }

    h1, #license-text {
        color: white;
    }
}

.darkorange {
    .boxes {
        fill: var(--dark-colour);
        stroke: var(--house-colour);
    }

    article {
        border-color: var(--house-colour) !important;
    }

    h1, #license-text {
        color: white;
    }
}

.spring {
    .boxes {
        fill: var(--spring-colour);
        stroke: #000000;
    }

    h1, #license-text {
        color: black;
    }
}