:root {
    --muted: #e7edf4;
    --background: #f3f6fa;
    --foreground: #16273a;
    --color-text-dim: #5c7085;
    --border-color-hard: #c7d4e1;
    --border-color-soft: #dce5ee;
    --card-background: var(--background);
    --input-background: var(--color-white);
    --primary: #0a6b62;
    --secondary: #dce5ee;
    --accent: var(--background);
    --border: var(--border-color-soft);
}
.dark {
    --muted: var(--color-zinc-800);
    --background: var(--color-zinc-950);
    --foreground: var(--color-zinc-50);
    --border-color-hard: var(--color-zinc-600);
    --border-color-soft: var(--color-zinc-700);
    --card-background: var(--background);
    --input-background: var(--color-zinc-800);
    --color-text-dim: var(--color-zinc-400);
}
.text-muted {
    color: var(--color-text-dim);
}
.kt-card {
    border-color: var(--border-color-soft);
    /*box-shadow: none;*/
    border-radius: var(--radius);
}
.bg-soft {
    background-color: var(--border-color-soft);
}
.kt-card-header {
    min-height: calc(var(--spacing) * 10);
    background-color: var(--muted);
    /*border-top-left-radius: calc(var(--radius) + 4px);*/
    /*border-top-right-radius: calc(var(--radius) + 4px);*/
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}
#tw-content {
    padding: 0;
}
.border-hard {
    border-color: var(--border-color-hard);
}
.border-input,
.border-soft {
    border-color: var(--border-color-soft);
}
.kt-input,
.kt-textarea,
.kt-select,
.codex-editor {
    background-color: var(--input-background);
}
.kt-menu-title.font-medium {
    font-weight: 400;
    color: #5c7085;
}
.kt-label {
    font-size: 11px;
    color: var(--color-text-dim);
}
.tw-sidebar-content > .kt-card > .kt-card-header {
    background-color: var(--border-color-soft) !important;
    border-top-right-radius: 0;
}
@media (hover: hover) {
    .kt-btn-ghost:hover {
        background-color: var(--color-white);
    }
}

/*#tw-content .kt-card {*/
/*    border: none;*/
/*    border-radius: 0;*/
/*}*/
/*#tw-content .kt-card-header {*/
/*    border-radius: 0;*/
/*    background: none;*/
/*    font-weight: bold;*/
/*}*/