:root {
    --theme-primary-rgb: 0, 128, 255;
    --theme-secondary-rgb: 0, 255, 255;
    --theme-background-rgb: 238, 245, 255;
    --theme-primary: #0080FF;
    --theme-secondary: #00FFFF;
    --theme-background: #EEF5FF;
    --theme-surface: #FFFFFF;
    --theme-text: #0080FF;
    --theme-heading: #081527;
    --bg: #EEF5FF;
    --bg-deep: #DBE1EB;
    --surface: rgba(255, 255, 255, 0.940);
    --surface-strong: #FFFFFF;
    --surface-soft: #F5F5F5;
    --navy-950: #005FBD;
    --navy-900: #0080FF;
    --navy-800: #006EDB;
    --navy-700: #2E97FF;
    --sky-500: #00FFFF;
    --sky-400: #29FFFF;
    --sky-300: #57FFFF;
    --border: rgba(0, 128, 255, 0.100);
    --border-strong: rgba(0, 128, 255, 0.180);
    --gradient-main: linear-gradient(135deg, #005FBD 0%, #0080FF 48%, #00FFFF 100%);
    --gradient-soft: linear-gradient(135deg, rgba(0, 255, 255, 0.180), rgba(87, 255, 255, 0.080));
    --sidebar-gradient: linear-gradient(180deg, #225BA8 0%, #1F57A3 100%);
    --text-main: #0080FF;
    --heading-color: #081527;
    --menu-text-color: #F8FBFF;
    --menu-muted-color: #FFFFFF;
    --topbar-bg: #0080FF;
    --topbar-text: #0080FF;
    --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(0, 255, 255, 0.140), transparent 26%), radial-gradient(circle at bottom right, rgba(0, 128, 255, 0.100), transparent 30%), linear-gradient(180deg, #f8fbff 0%, #EEF5FF 100%);
    --auth-background-desktop: radial-gradient(circle at top left, rgba(0, 255, 255, 0.160), transparent 24%), radial-gradient(circle at bottom right, rgba(0, 128, 255, 0.140), transparent 28%), linear-gradient(180deg, #f8fbff 0%, #EEF5FF 100%);
    --auth-background-mobile: radial-gradient(circle at top left, rgba(0, 255, 255, 0.160), transparent 24%), radial-gradient(circle at bottom right, rgba(0, 128, 255, 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;
}