/* Vars Table */
.vars-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    /* border-radius: 8px; */
    overflow: hidden;
}

.vars-table th,
.vars-table td {
    padding: 0.8rem 0.8rem;
    text-align: left;
    border-right: 1px solid var(--color-border);
}

.vars-table th:first-child,
.vars-table td:first-child {
  width: 18%;
}

.vars-table th:last-child,
.vars-table td:last-child {
    border-right: none;
}

.vars-table thead {
    background-color: var(--color-border);
    color: #f1f5f9;
}

.vars-table tbody tr:nth-child(odd) {
    background-color: var(--color-surface);
}

.vars-table tbody tr:nth-child(even) {
    background-color: var(--color-background);
}

.vars-table code {
    background-color: var(--color-border);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-family: monospace;
    color: var(--color-accent);
}