:root {
    --primary: #2563eb;
    --primary-light: #3b82f6;
    --primary-soft: #dbeafe;
    --sidebar-dark: #1e3a8a;
    --sidebar-deep: #1d4ed8;
    --sidebar-highlight: rgba(96, 165, 250, 0.35);
    --surface-bg-start: #f8fafc;
    --surface-bg-end: #eef4ff;
    --page-bg-start: #e9eef5;
    --page-bg-end: #dbe3ee;
    --topbar-bg-start: #ffffff;
    --topbar-bg-end: #f8fbff;
    --menu-hover-bg: #dbeafe;
    --menu-hover-text: #1e3a8a;
    --text-main: #0f172a;
    --text-soft: #475569;
    --border-strong: rgba(203, 213, 225, 0.9);
}