:root {
    --theme-primary-rgb: 11, 31, 58;
    --theme-secondary-rgb: 47, 155, 255;
    --theme-background-rgb: 238, 245, 255;
    --theme-primary: #0B1F3A;
    --theme-secondary: #2F9BFF;
    --theme-background: #EEF5FF;
    --theme-surface: #FFFFFF;
    --theme-text: #1F2937;
    --theme-heading: #081527;
    --bg: #EEF5FF;
    --bg-deep: #DBE1EB;
    --surface: rgba(255, 255, 255, 0.940);
    --surface-strong: #FFFFFF;
    --surface-soft: #F5F5F5;
    --navy-950: #08172B;
    --navy-900: #0B1F3A;
    --navy-800: #091B32;
    --navy-700: #37475D;
    --sky-500: #2F9BFF;
    --sky-400: #50ABFF;
    --sky-300: #76BDFF;
    --border: rgba(11, 31, 58, 0.100);
    --border-strong: rgba(11, 31, 58, 0.180);
    --gradient-main: linear-gradient(135deg, #08172B 0%, #0B1F3A 48%, #2F9BFF 100%);
    --gradient-soft: linear-gradient(135deg, rgba(47, 155, 255, 0.180), rgba(118, 189, 255, 0.080));
    --sidebar-gradient: linear-gradient(180deg, #081527 0%, #0F2B50 100%);
    --text-main: #1F2937;
    --heading-color: #081527;
    --menu-text-color: #F8FBFF;
    --menu-muted-color: #CFE4FF;
    --topbar-bg: #FFFFFF;
    --topbar-text: #0B1F3A;
    --button-text-color: #FFFFFF;
    --button-radius: 18px;
    --card-radius: 24px;
    --font-family-base: "Manrope", "Segoe UI", sans-serif;
    --app-background: radial-gradient(circle at top left, rgba(47, 155, 255, 0.140), transparent 26%), radial-gradient(circle at bottom right, rgba(11, 31, 58, 0.100), transparent 30%), linear-gradient(180deg, #f8fbff 0%, #EEF5FF 100%);
    --auth-background-desktop: radial-gradient(circle at top left, rgba(47, 155, 255, 0.160), transparent 24%), radial-gradient(circle at bottom right, rgba(11, 31, 58, 0.140), transparent 28%), linear-gradient(180deg, #f8fbff 0%, #EEF5FF 100%);
    --auth-background-mobile: radial-gradient(circle at top left, rgba(47, 155, 255, 0.160), transparent 24%), radial-gradient(circle at bottom right, rgba(11, 31, 58, 0.140), transparent 28%), linear-gradient(180deg, #f8fbff 0%, #EEF5FF 100%);
    --system-logo-offset-x: 0px;
    --system-logo-offset-y: 0px;
    --login-logo-offset-x: 0px;
    --login-logo-offset-y: 0px;
    --banner-offset-x: 0px;
    --banner-offset-y: 0px;
    --login-secondary-offset-x: 0px;
    --login-secondary-offset-y: 0px;
}