/*
 * Points the vendor bundle's colors at the semantic roles in tokens.css.
 *
 * bulma.css is generated from scss/bulma.scss, and its color variables are passed
 * through sass color functions, so they cannot hold a var(). Each selector below is
 * therefore restated verbatim from the bundle so that specificity matches exactly,
 * and this file loads immediately after it: the tie breaks in favour of the token
 * without outranking any page stylesheet. Line references are into public/css/bulma.css.
 *
 * Regenerate after upgrading bulma; a selector that no longer exists is dead weight.
 */

/* Selector shape is copied from the source sheet on purpose: a rewritten selector
   would not match the rule it is overriding, so the vendor prefixes, compound depth
   and source order below are not this file's choices to make. */
/* stylelint-disable selector-no-vendor-prefix, selector-max-compound-selectors,
   no-descending-specificity, selector-pseudo-element-colon-notation */

/* bulma.css:521 */
.has-text-white {
    color: var(--color-text-inverse);
}

/* bulma.css:524 */
a.has-text-white:hover {
    color: var(--color-text-inverse-muted);
}

/* bulma.css:524 */
a.has-text-white:focus {
    color: var(--color-text-inverse-muted);
}

/* bulma.css:545 */
.has-text-primary {
    color: var(--color-action-primary);
}

/* bulma.css:551 */
.has-text-info {
    color: var(--color-status-info);
}

/* bulma.css:557 */
.has-text-success {
    color: var(--color-status-positive);
}

/* bulma.css:569 */
.has-text-danger {
    color: var(--color-status-negative);
}

/* bulma.css:587 */
.has-text-grey {
    color: var(--color-text-secondary);
}

/* bulma.css:927 */
.button:active,
.button.is-active {
    border-color: var(--color-border-strong);
    box-shadow: inset 0 1px 2px var(--color-shadow-navbar);
    color: var(--color-text-primary);
}

/* bulma.css:1255 */
.button.is-info:active,
.button.is-info.is-active {
    box-shadow: inset 0 1px 2px var(--color-shadow-navbar);
}

/* bulma.css:1572 */
.content h2 {
    color: var(--color-text-primary);
}

/* bulma.css:1572 */
.content h3 {
    color: var(--color-text-primary);
}

/* bulma.css:1572 */
.content h1,
.content h4,
.content h5,
.content h6 {
    color: var(--color-text-primary);
}

/* bulma.css:1684 */
.input {
    box-shadow: inset 0 1px 2px var(--color-shadow-low);
}

/* bulma.css:1684 */
.textarea {
    box-shadow: inset 0 1px 2px var(--color-shadow-low);
}

/* bulma.css:1854. Not a repoint: bulma sets box-shadow: none on a select, so the field sat flat
   beside the .input and .textarea above it even though the three are one control family and sit
   side by side in the appointment-type and location tables. Same inset and same role as those two,
   which is the whole rule. */
.select select {
    box-shadow: inset 0 1px 2px var(--color-shadow-low);
}

/* bulma.css:1719 */
.input:hover,
.input.is-hovered {
    border-color: var(--color-border-strong);
}

/* bulma.css:1719 */
.textarea:hover,
.textarea.is-hovered {
    border-color: var(--color-border-strong);
}

/* bulma.css:1721. The whole state list, and not just the pressed half of it: the rule in the
   bundle paints focus, pressed and both of their class forms in one declaration, so an override
   that names only :active leaves a focused field wearing the vendor's own color and repaints it
   the moment the pointer goes down. Two different borders for one control is what that looked
   like. */
.input:focus,
.input.is-focused,
.input:active,
.input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
    border-color: var(--color-border-brand-focus);
}

/* bulma.css:1728 */
.input[disabled] {
    background-color: var(--color-surface-disabled);
    border-color: var(--color-border-disabled);
    color: var(--color-text-disabled);
}

/* bulma.css:1728 */
.textarea[disabled] {
    background-color: var(--color-surface-disabled);
    border-color: var(--color-border-disabled);
    color: var(--color-text-disabled);
}

/* bulma.css:1734 */
.input[disabled]::-moz-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1734 */
.textarea[disabled]::-moz-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1737 */
.input[disabled]::-webkit-input-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1737 */
.textarea[disabled]::-webkit-input-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1740 */
.input[disabled]:-moz-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1740 */
.textarea[disabled]:-moz-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1743 */
.input[disabled]:-ms-input-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1743 */
.textarea[disabled]:-ms-input-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1816 */
.checkbox:hover,
.radio:hover {
    color: var(--color-text-primary);
}

/* bulma.css:1819 */
.checkbox[disabled],
.radio[disabled] {
    color: var(--color-text-disabled);
}

/* bulma.css:1833 */
.select:not(.is-multiple)::after {
    border-color: var(--color-border-caret);
}

/* bulma.css:1882 */
.select select[disabled] {
    background-color: var(--color-surface-disabled);
    color: var(--color-text-disabled);
}

/* bulma.css:1887 */
.select select[disabled]::-moz-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1889 */
.select select[disabled]::-webkit-input-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1891 */
.select select[disabled]:-moz-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1893 */
.select select[disabled]:-ms-input-placeholder {
    color: var(--color-text-placeholder);
}

/* bulma.css:1895 */
.select select:hover,
.select select.is-hovered {
    border-color: var(--color-border-strong);
}

/* bulma.css:1897, same state list as the fields above for the same reason. */
.select select:focus,
.select select.is-focused,
.select select:active,
.select select.is-active {
    border-color: var(--color-border-brand-focus);
}

/* bulma.css:1901 */
.select select[disabled]:hover {
    border-color: var(--color-border-disabled);
}

/* bulma.css:1910 */
.select:hover::after {
    border-color: var(--color-border-caret-hover);
}

/* bulma.css:2767 */
.table tr.is-selected td {
    border-color: var(--color-border-inverse);
}

/* bulma.css:2767 */
.table tr.is-selected th {
    border-color: var(--color-border-inverse);
}

/* bulma.css:2794 */
.table.is-striped tbody tr:not(.is-selected):nth-child(even):hover {
    background-color: var(--color-surface-hover);
}

/* bulma.css:2819 */
.tag {
    background-color: var(--color-surface-muted);
    color: var(--color-text-primary);
}

/* bulma.css:3110 */
.breadcrumb li + li::before {
    color: var(--color-text-secondary);
}

/* bulma.css:3214 */
.dropdown-content {
    box-shadow: 0 2px 3px var(--color-shadow-low), 0 0 0 1px var(--color-shadow-low);
}

/* bulma.css:3381 */
.menu-list li ul {
    border-left-color: var(--color-border-default);
}

/* bulma.css:3536 */
.modal-background {
    background-color: var(--color-surface-overlay);
}

/* bulma.css:3558 */
.modal-close {
    background-color: var(--color-surface-scrim);
}

/* bulma.css:3589 */
.modal-close:before {
    background-color: var(--color-surface-inverse);
}

/* bulma.css:3589 */
.modal-close:after {
    background-color: var(--color-surface-inverse);
}

/* bulma.css:3604 */
.modal-close:hover {
    background-color: var(--color-surface-scrim-hover);
}

/* bulma.css:3604 */
.modal-close:focus {
    background-color: var(--color-surface-scrim-hover);
}

/* bulma.css:3606 */
.modal-close:active {
    background-color: var(--color-surface-scrim-hover);
}

/* bulma.css:3812 */
.nav {
    background-color: var(--color-surface-raised);
}

/* bulma.css:3893 */
.navbar-item,
.navbar-link {
    color: var(--color-text-primary);
}

/* bulma.css:4237 */
.panel-block:first-child {
    border-top-color: var(--color-border-default);
}

/* bulma.css:4237 */
.panel-heading:first-child {
    border-top-color: var(--color-border-default);
}

/* bulma.css:4343 */
.tabs ul {
    border-bottom-color: var(--color-border-default);
}

/* bulma.css:4376 */
.tabs.is-boxed li.is-active a {
    background-color: var(--color-surface-raised);
    border-left-color: var(--color-border-default);
    border-right-color: var(--color-border-default);
    border-top-color: var(--color-border-default);
}

/* bulma.css:5615 */
.hero.is-danger .subtitle strong,
.hero.is-danger .subtitle a:not(.button) {
    color: var(--color-text-inverse);
}

/* bulma.css:5640 */
.hero.is-danger .tabs.is-toggle li.is-active a:hover,
.hero.is-danger .tabs.is-boxed li.is-active a:hover {
    background-color: var(--color-surface-raised);
    border-color: var(--color-border-inverse-muted);
    color: var(--color-status-negative);
}

/* bulma.css:5640 */
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a {
    color: var(--color-status-negative);
}

/* bulma.css:5729 */
.footer {
    background-color: var(--color-surface-muted);
}

@media screen and (max-width: 768px) {
    /* bulma.css:3798 */
    .nav-menu.nav-right {
        box-shadow: 0 2px 3px var(--color-shadow-navbar);
    }

    /* bulma.css:5652 */
    .hero.is-danger .nav-toggle:hover {
        background-color: var(--color-surface-scrim);
    }

}
