:root {
--miq-primary: #131313;
--miq-secondary: #FFFDD0;
--miq-background: #083301a6;
--miq-text: #FFFFFF;
--miq-accent: #4CAF50;
} body {
background-color: var(--miq-background);
color: var(--miq-text);
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
font-weight: 400;
line-height: 1.6;
} .site-header {
background-color: var(--miq-primary);
border-bottom: 2px solid var(--miq-accent);
}
.site-title a {
color: var(--miq-secondary);
} .main-navigation a {
color: var(--miq-text);
}
.main-navigation a:hover {
color: var(--miq-accent);
} .bb-global-search-ac,
.bb-activity-form,
.bb-members-directory,
.bb-groups-directory {
background-color: var(--miq-primary);
color: var(--miq-text);
border: 1px solid var(--miq-accent);
} .mepr-signup-form,
.mepr-account-form,
.mepr-login-form {
background-color: var(--miq-primary);
color: var(--miq-text);
border: 1px solid var(--miq-accent);
padding: 20px;
border-radius: 5px;
}
.mepr-signup-form input[type="text"],
.mepr-signup-form input[type="email"],
.mepr-signup-form input[type="password"],
.mepr-account-form input[type="text"],
.mepr-account-form input[type="email"],
.mepr-login-form input[type="text"],
.mepr-login-form input[type="password"] {
background-color: var(--miq-background);
color: var(--miq-text);
border: 1px solid var(--miq-accent);
padding: 10px;
border-radius: 3px;
} .text-highlight {
background-color: var(--miq-secondary);
color: var(--miq-primary);
padding: 2px 4px;
border-radius: 3px;
} .button, .btn, input[type="submit"], .mepr-submit {
background-color: var(--miq-accent);
color: var(--miq-text);
border: none;
padding: 12px 24px;
border-radius: 5px;
transition: all 0.3s ease;
font-weight: 600;
}
.button:hover, .btn:hover, input[type="submit"]:hover, .mepr-submit:hover {
background-color: #45a049;
transform: translateY(-1px);
} h1, h2, h3, h4, h5, h6 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: var(--miq-secondary);
} @media (max-width: 768px) {
.site-header {
background-color: var(--miq-primary);
padding: 10px;
}
.bb-mobile-nav {
background-color: var(--miq-background);
}
.bb-primary-nav {
display: none;
}
.bb-mobile-menu-toggle {
color: var(--miq-text);
}
.main-navigation {
background-color: var(--miq-primary);
}
} .site-footer {
background-color: var(--miq-primary);
color: var(--miq-text);
border-top: 2px solid var(--miq-accent);
} a {
color: var(--miq-accent);
text-decoration: none;
}
a:hover {
color: var(--miq-secondary);
text-decoration: underline;
} .content-area {
background-color: var(--miq-background);
color: var(--miq-text);
} .widget-area {
background-color: var(--miq-primary);
color: var(--miq-text);
}