:root {
    --widthMaxJobBoard: 100%;
    --fontFamily: "Inter", sans-serif;
}

.ashby-job-board-heading, .ashby-job-board-filters-label, .ashby-job-board-filter, .ashby-job-posting-brief-title {
    color: var(--neutral-green-100);
}

.ashby-job-board-heading, .ashby-job-board-filters-label {
    font-size: 500;
}

.ashby-job-board-filters-label, .ashby-job-posting-brief-details {
    font-size: var(--text-150);
}

.ashby-job-board-filters-label, .ashby-job-posting-brief-details {
    color: #737373;
}

.ashby-job-board-heading {
    font-size: var(--text-400);
    letter-spacing: -0.03em;
}

.ashby-job-board-filters-label {
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ashby-job-board-filter {
    border: solid 1.5px #d4d4d4;
    border-radius: 8px;
    padding: var(--spacing-300) var(--spacing-400);
    transition-duration: unset;

    &, &:focus {
        font-size: var(--text-250);
    }

    &:focus-visible {
        box-shadow: 0 0 0 1.5px var(--neutral-green-100);
        outline-color: var(--neutral-green-100);
    }
}

.ashby-department-heading {
    margin: var(--spacing-1600) var(--spacing-400) var(--spacing-300) var(--spacing-300);
    letter-spacing: -0.03em;
    font-weight: 400;
}

.ashby-job-posting-brief-details {
    margin-top: var(--spacing-200);
}

.ashby-job-posting-brief:hover, .ashby-job-posting-brief:active {
    background-color: var(--mint-400);
}