:root {
    --workspace-primary: #2563eb;
    --workspace-primary-hover: #1d4ed8;
    --workspace-primary-soft: #eff6ff;
    --workspace-success: #16a34a;
    --workspace-success-soft: #ecfdf3;
    --workspace-warning: #f59e0b;
    --workspace-warning-soft: #fffbeb;
    --workspace-danger: #ef4444;
    --workspace-danger-soft: #fef2f2;
    --workspace-info: #0ea5e9;
    --workspace-info-soft: #f0f9ff;
    --workspace-background: #f4f7fb;
    --workspace-surface: #ffffff;
    --workspace-surface-secondary: #f8fafc;
    --workspace-sidebar: #101827;
    --workspace-sidebar-secondary: #172033;
    --workspace-sidebar-hover: rgba(255, 255, 255, 0.075);
    --workspace-sidebar-active: rgba(59, 130, 246, 0.17);
    --workspace-text-primary: #172033;
    --workspace-text-secondary: #64748b;
    --workspace-text-muted: #94a3b8;
    --workspace-text-inverse: #f8fafc;
    --workspace-border: #e5eaf1;
    --workspace-border-light: #eef2f7;
    --workspace-radius-small: 8px;
    --workspace-radius: 14px;
    --workspace-radius-large: 20px;
    --workspace-shadow-small: 0 1px 2px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.04);
    --workspace-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
    --workspace-shadow-large: 0 20px 50px rgba(15, 23, 42, 0.1);
    --workspace-sidebar-width: 276px;
    --workspace-sidebar-collapsed-width: 82px;
    --workspace-topbar-height: 76px;
    --workspace-transition-fast: 140ms ease;
    --workspace-transition: 220ms ease;
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

html {
    background: var(--workspace-background);
}

body {
    background: var(--workspace-background);
    color: var(--workspace-text-primary);
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.workspace-icon {
    display: block;
    flex: 0 0 auto;
}