:root {
    --dn-color-ink: #101828;
    --dn-color-text: #253247;
    --dn-color-muted: #68758a;
    --dn-color-subtle: #8a94a6;
    --dn-color-canvas: #f7f5fa;
    --dn-color-surface: #ffffff;
    --dn-color-surface-soft: #fafbfc;
    --dn-color-border: #dfe3ec;
    --dn-color-border-strong: #cfd5e1;
    --dn-color-purple-800: #301050;
    --dn-color-purple-700: #4b1676;
    --dn-color-purple-600: #6030c7;
    --dn-color-purple-500: #6f35e9;
    --dn-color-purple-100: #eee7ff;
    --dn-color-purple-050: #f7f3ff;
    --dn-accent-edge: #6f35e9;
    --dn-accent-soft: #e2d5ff;
    --dn-color-green-700: #117a59;
    --dn-color-green-600: #159b70;
    --dn-color-green-100: #e7f8f1;
    --dn-color-cyan-600: #129db5;
    --dn-color-cyan-100: #e7f8fb;
    --dn-color-amber-600: #c97809;
    --dn-color-amber-100: #fff4dc;
    --dn-color-red-600: #d7475a;
    --dn-color-red-100: #ffecef;
    --dn-radius-control: 6px;
    --dn-radius-panel: 8px;
    --dn-shadow-panel: 0 8px 22px rgba(48, 16, 80, 0.07);
    --dn-control-height: 34px;
    --dn-control-height-compact: 30px;
    --dn-sidebar-width: 230px;
    --dn-space-1: 4px;
    --dn-space-2: 8px;
    --dn-space-3: 12px;
    --dn-space-4: 16px;
    --dn-space-5: 20px;
    --dn-space-6: 24px;
    --dn-space-8: 32px;
    --dn-font-size-xs: 11px;
    --dn-font-size-sm: 12px;
    --dn-font-size-md: 14px;
    --dn-font-size-lg: 18px;
    --dn-font-size-xl: 26px;
    --dn-line-height: 1.45;
    --dn-header-height: 56px;
    --dn-sidebar-bg: #231039;
    --dn-sidebar-surface: linear-gradient(180deg, #271140 0%, #211035 100%);
    --dn-sidebar-bg-active: #302154;
    --dn-sidebar-active-surface: linear-gradient(90deg, #351b64 0%, #242b46 100%);
    --dn-topbar-bg: #2f1050;
    --dn-logo-bg: #321054;
    --dn-focus-ring: 0 0 0 3px rgba(111, 53, 233, 0.14);
    --dn-metric-purple-bg: #e6dcfb;
    --dn-metric-purple-border: #c9b5f3;
    --dn-metric-green-bg: #d9f1e7;
    --dn-metric-green-border: #a9dcc8;
    --dn-metric-amber-bg: #fbe5c2;
    --dn-metric-amber-border: #ecc58a;
    --dn-metric-cyan-bg: #d8eff4;
    --dn-metric-cyan-border: #abdbe4;
}