:root {
    --chart-color1: #d90a2c;  /* Primary red */
    --chart-color2: #3498db;  /* Blue */
    --chart-color3: #2ecc71;  /* Green */
    --chart-color4: #f39c12;  /* Orange */
    --chart-color5: #9b59b6;  /* Purple */
}

.fs-normal{
    font-style: normal;
}

.token-info-table {
    width: 100%;
    border-collapse: collapse;
}

.token-info-table th,
.token-info-table td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #404040;
}

.token-info-table th {
    font-weight: 600;
    color: #fff;
    width: 40%;
}

.token-info-table td {
    color: #ccc;
    font-family: 'Courier New', monospace;
}

.token-info-table tr:last-child th,
.token-info-table tr:last-child td {
    border-bottom: none;
}

.token-info-table tr th:first-child {
    border-right: 1px solid #404040;
}

.modal-header {
    background-color: #17161a;
    color: #fff;
    border-bottom: 1px solid #8b8b8b;
}
.modal-body {
    background-color: #17161a;
    color: #fff;
}

.modal-footer {
    background-color: #17161a;
    color: #fff;
    border-top: 1px solid #8b8b8b;
}

section.custom-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

section.custom-half-section{
    padding-bottom: 50px;
}

@media (max-width: 991px) {
    header .navbar-brand .alt-logo, header .navbar-brand .default-logo-text {
        color: #000;
    }

    header .header-button .btn.btn-custom-base {
        background-color: var(--base-color);
        color: var(--white);
    }
}
.app-sidebar .side-menu__label{
    font-size: 0.95rem !important;
}