@import url("buttons.css");
@import url("cards.css");
@import url("flex.css");
@import url("inputs.css");
@import url("layout.css");
@import url("lists.css");
@import url("navbar.css");
@import url("typography.css");

@font-face {
    font-family: "RadionB";
    src: url("/fonts/RadionB.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Outfit";
    src: url("/fonts/Outfit.woff2") format("woff2");
    font-weight: semi-bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --header-font: "RadionB", sans-serif;
    --body-font: "Outfit", sans-serif;
    --primary: #00bcd4;
    --primary-light: #e0f7fa;
    --primary-dark: #00acc1;
    /* --primary-100: #d5dfff;
    --primary-200: rgb(241, 242, 255);
    --primary-300: rgba(241, 242, 255, 0.7); */
}

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

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

table.bottomless > tbody > tr:last-child {
    border-bottom: none !important;
}

table.first-left > thead > tr > th:first-child,
table.first-left > tbody > tr > td:first-child {
    text-align: left !important;
}

table.custom-table {
    margin-top: 5rem;
}

table.custom-table > thead > tr > th {
    font-family: var(--header-font);
    color: #757575;
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 1px;
}

table.custom-table > tbody > tr > td {
    font-weight: 500;
    letter-spacing: 1px;
    color: #212121;
}