:root {
    --clr-accent-primary: #E75420;
    --clr-accent-primary-bg: #FCEAE3;
    --clr-accent-secondary-bg: #FFECB3;
    --clr-ui-separator: #e0e0e0;
    --clr-ui-background-active-neutral: #F5F6F7;
    --clr-ui-overlay-bg: rgba(0, 0, 0, 0.25);
    --clr-ui-permissions-bg: #E2F0E2;
    --clr-ui-archived-permissions-bg: #E1E4E6;
    --clr-text-readonly: #617177;
    --clr-text-placeholder: rgba(97, 113, 119, 0.3);
    --clr-base-white: #FFFFFF;
    --clr-base-orange: #FFC100;
    --clr-base-black: #000000;
    --clr-base-transparent: transparent
}

.pt-16 {
    padding-top: 4rem !important
}

.pb-20 {
    padding-bottom: 5rem !important
}

@media screen and (min-width:768px) {
    .md\:ml-6 {
        padding-left: 6rem !important
    }

    .md\:mr-6 {
        padding-right: 6rem !important
    }
}

.vertical-separator {
    height: 38px;
    width: 1px;
    background-color: var(--clr-ui-separator);
    margin: 0 8px
}

button:focus {
    box-shadow: none !important;
    outline: 0 !important
}

.nv-field.secondary .nv-field-label {
    color: var(--color-secondary-theme-fg)
}

.font-bold {
    font-weight: 500 !important
}

.label-readonly {
    color: var(--clr-text-readonly) !important
}

.nv-field-readonly .nv-field-input {
    border: none;
    font-weight: 500
}

input::placeholder {
    color: var(--clr-text-placeholder) !important
}

.fw-list-bullet-points {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 12px
}