:root {
    --bulma-primary:      #3D7A4A;
    --bulma-primary-dark: #2C5C38;
    --bulma-link:         #4A7FAF;
    --bulma-info:         #4A7FAF;
    --bulma-success:      #3D7A4A;
    --bulma-warning:      #C8784A;
    --bulma-danger:       #B5453C;
    --bulma-neutral:      #999;
    --bulma-body-background-color: #F5F5F2;
    --accent:    #C8784A;
    --secondary: #7A9B80;
}

body {
    background-color: #F5F5F2;
}

.navbar {
    background-color: var(--bulma-primary) !important;
}

.navbar-item,
.navbar-link {
    color: #fff !important;
}

.navbar-brand-subtitle {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-user a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7) !important;
}

.navbar-logout-form {
    display: inline;
    margin-left: 0.75rem;
}

.navbar-logout-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    padding: 0;
}

.navbar-logout-button:hover {
    color: #fff;
}

.tabs .is-active a {
    border-bottom-color: var(--bulma-primary) !important;
    color: var(--bulma-primary) !important;
}

.button.is-primary {
    background-color: var(--bulma-primary) !important;
    border-color: var(--bulma-primary) !important;
    color: #fff !important;
}

.button.is-primary:hover {
    background-color: var(--bulma-primary-dark) !important;
    border-color: var(--bulma-primary-dark) !important;
    color: #fff !important;
}

.button.is-primary.is-outlined {
    background-color: transparent !important;
    color: var(--bulma-primary) !important;
    border-color: var(--bulma-primary) !important;
}

.button.is-primary.is-outlined:hover {
    background-color: var(--bulma-primary) !important;
    color: #fff !important;
}

.tag.is-primary {
    background-color: var(--bulma-primary) !important;
    color: #fff !important;
}

/* ネタ一覧 */
.neta-card {
    height: 100%;
}

.neta-card-title {
    color: var(--bulma-primary-dark);
}

.neta-link {
    color: var(--bulma-link);
    font-size: 12px;
    text-decoration: none;
}

.neta-meta {
    color: var(--bulma-neutral);
    font-size: 12px;
}