:root {
    --sidebar-w: 260px;
    --topbar-h: 60px;
    --footer-h: 50px;
    --bg: #F8F8F8;
    --sidebar: #F1F1F1;
    --panel: #FFFFFF;
    --panel-2: #F8F9FB;
    --panel-3: #F1F1F1;
    --panel-4: #D9D9D9;
    --panel-5: #A6A6A6;
    --panel-6: #CCCCCC;
    --text: #1F2328;
    --muted: #6B7280;
    --brand: #E01070;
    --brand-2: #23ce9a;
    --brand-strong: #115EA3;
    --border-color: rgba(2,6,23,0.10);
    --border: 1px solid var(--border-color);
    --link-color: var(--brand-strong);
    --success: #A0E4CB;
    --warn: #ffc107;
    --danger: #C3003A;
    --info: #006FC9;
    --radius: 8px;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --shadow-1: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);
    --shadow-2: 0 10px 20px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);
    --ring: 0 0 0 3px rgba(35, 206, 154,.15);
    --icon: 18px;
    --icon-topbar: 20px;
    --icon-color: #9ca3af;
    --table-background-color: #f3f3f3;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 2rem;
    --label-text: var(--text);
    --input-border: var(--border-color);
    --font-weight-normal: 400;
    --font-weight-bold: 600;
    --kendo-font-size: 0.8rem;
    --kendo-color-primary: var(--brand);
    --kendo-color-on-primary: #ffffff;
}

@media (prefers-color-scheme: dark) {
    :root {
    }
}