:root {
    --primary: #1d4ed8;
    --primary-light: #60a5fa;
    --primary-soft: #dbeafe;
    --sidebar-dark: #0f172a;
    --sidebar-deep: #1e3a8a;
    --sidebar-highlight: rgba(96, 165, 250, 0.28);
    --surface-bg-start: #f8fbff;
    --surface-bg-end: #e8f1ff;
    --page-bg-start: #e6edf8;
    --page-bg-end: #d5e2f5;
    --topbar-bg-start: #ffffff;
    --topbar-bg-end: #f1f7ff;
    --menu-hover-bg: #dbeafe;
    --menu-hover-text: #1e3a8a;
    --text-main: #0f172a;
    --text-soft: #475569;
    --border-strong: rgba(59, 130, 246, 0.18);
}