:root {
    --cde-primary: #1464d6;
    --cde-primary-hover: #0f52b5;
    --cde-primary-soft: #eaf2fd;
    --cde-accent: #00b8a9;
    --cde-accent-soft: #e4f8f6;
    --cde-navy: #1a1f2b;
    --cde-bg: #f2f4f7;
    --cde-surface: #ffffff;
    --cde-text: #4a5568;
    --cde-muted: #6b778c;
    --cde-subtle: #a0aec0;
    --cde-border: #e2e8f0;
    --cde-success: #22c55e;
    --cde-warning: #f59e0b;
    --cde-danger: #ef4444;
    --cde-info: #0ea5e9;
    --cde-sidebar: 248px;
    --cde-topbar: 72px;
    --cde-radius-sm: 8px;
    --cde-radius: 12px;
    --cde-radius-lg: 16px;
    --cde-shadow-sm: 0 1px 2px rgba(26, 31, 43, .04);
    --cde-shadow: 0 8px 24px rgba(26, 31, 43, .07);
    --cde-shadow-lg: 0 20px 50px rgba(26, 31, 43, .14);
    --cde-transition: 160ms ease;
}