:root {
    --lukki-bg: #1e3a8a;
    --lukki-bg-alt: #2747a3;
    --lukki-surface: #233f95;
    --lukki-text: #f3f6ff;
    --lukki-muted: #dbe4ff;
    --lukki-accent: #d4b36a;
    --lukki-accent-strong: #b8954e;
}

body,
.header,
.footer,
.site-footer,
.banner-background,
.page-section,
.screen,
.mobile-wrap {
    background-color: var(--lukki-bg) !important;
    color: var(--lukki-text) !important;
}

a {
    color: var(--lukki-text) !important;
}

a:hover,
a:focus-visible {
    color: var(--lukki-accent) !important;
}

.btn,
.btn-primary,
.btn-danger,
.offer-btn,
button,
input[type="submit"] {
    background: var(--lukki-accent) !important;
    color: #1a2f74 !important;
    border-color: var(--lukki-accent-strong) !important;
}

.btn:hover,
.btn-primary:hover,
.btn-danger:hover,
.offer-btn:hover,
button:hover,
input[type="submit"]:hover {
    background: var(--lukki-accent-strong) !important;
}

.page-text p,
.page-text li,
.page-text td,
.page-text th,
.about-text,
.time {
    color: var(--lukki-text) !important;
}

.page-text table,
.bonus-table,
.editorial-table {
    background-color: var(--lukki-surface) !important;
    border-color: var(--lukki-accent) !important;
}

.page-text table th,
.bonus-table th,
.editorial-table th {
    background-color: var(--lukki-bg-alt) !important;
    color: var(--lukki-text) !important;
}