:root {
--miq-primary: #131313;
--miq-secondary: #FFFDD0;
--miq-background: #083301a6;
--miq-text: #FFFFFF;
--miq-accent: #4CAF50;
} body {
background-color: var(--miq-background) !important;
color: var(--miq-text) !important;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 400;
line-height: 1.6;
} .bb-toggle-dark-mode,
.buddyx-switch-mode,
.switch-mode {
display: none !important;
} .site-header,
body.bb-light-theme .site-header,
body.bb-dark-theme .site-header {
background-color: var(--miq-primary) !important;
color: var(--miq-secondary) !important;
border-bottom: 2px solid var(--miq-accent) !important;
}
.site-header .site-title a,
.site-header .main-navigation a {
color: var(--miq-secondary) !important;
}
.site-header .main-navigation a:hover {
color: var(--miq-accent) !important;
} h1, h2, h3, h4, h5, h6 {
font-family: "Noto Sans JP", sans-serif !important;
font-weight: 700 !important;
color: var(--miq-secondary) !important;
} .button, .btn, input[type="submit"] {
background-color: var(--miq-accent) !important;
color: var(--miq-text) !important;
border: none !important;
padding: 12px 24px !important;
border-radius: 5px !important;
font-weight: 600 !important;
}
.button:hover, .btn:hover, input[type="submit"]:hover {
background-color: #45a049 !important;
transform: translateY(-1px) !important;
} a {
color: var(--miq-accent) !important;
text-decoration: none !important;
}
a:hover {
color: var(--miq-secondary) !important;
text-decoration: underline !important;
} .site-footer {
background-color: var(--miq-primary) !important;
color: var(--miq-text) !important;
border-top: 2px solid var(--miq-accent) !important;
} @media (max-width: 768px) {
.site-header {
background-color: var(--miq-primary) !important;
padding: 10px !important;
}
.site-content {
border-radius: 10px;
margin: 20px;
padding: 30px;
}
}