body {
    --type-ramp-base-font-size: 14px;
    font-size: var(--type-ramp-base-font-size);
}

.light-mode {
    --success: #0E700E;
    --error: #BC2F32;
}

.dark-mode {
    --success: #57a64a;
    --error: #F87171;
}

/*body[data-theme="light"], body[data-theme="system-light"] {
    background-color: #fcfbf8;
}

body[data-theme="dark"], body[data-theme="system-dark"] {
    background-color: var(--neutral-fill-layer-rest);
}*/

.d-flex {
    display: flex;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pt-2 {
    padding-top: 0.5rem;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.text-center {
    text-align: center;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}


fluent-accordion-item {
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
}

body[data-theme='light'] fluent-accordion-item {
    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
}

body[data-theme='dark'] fluent-accordion-item {
    border: calc(var(--stroke-width) * 1px) solid rgb(255, 255, 255, 0.2);
}