:root {
    /*blue*/
    --white: hsl(0 0% 100%);
    --black: hsl(240 10% 3.9%);
    --color: #42526E;
    --background-color: hsl(0 0% 100%);
    --card-color: hsl(0 0% 100%);
    --sidebar-color: hsl(0 0% 100%);
    --icon-color: #0052CC;
    --primary-color: #0052CC;
    --primary-foreground: #0060F2;
    --primary-light: #E1EDFF;
    --secondary-color: hsl(270 4% 38%);
    --secondary-foreground: hsl(270 1.9% 31.2%);
    --primary-text-color: #0052CC;
    --primary-border-color: #0052CC;
    --muted-hover: #EBECF0;
    --muted: #F4F5F7;
    --destructive: hsl(0 84.2% 60.2%);
    --destructive-foreground: hsl(0 84.2% 70.2%);
    --border: 2px solid hsl(240 5.9% 90%);
    --border-color: hsl(240 5.9% 90%);
    --horizontal-separator: rgba(0, 0, 0, 0.08);
    --input: hsl(214.3 31.8% 91.4%);
    --ring: #0052CC;
    --radius: 0.25rem;
    --shadow: 0px 23px 21px -8px rgba(136, 160, 255, 0.25);
    --primary-shadow: 0px 23px 21px -8px var(--primary-light);
    --accent: hsl(210 40% 96.1%);
    --label-background: hsl(0 0% 100%);
    --label-color: #0052CC;
    --user-card-color: #e1edff57;
    --user-card-shadow: rgba(0, 0, 0, 0.1);
    --status-active: #a0fdde;
    --status-inactive: #ff7d7d;
    --sub-header-text: #666;
    --app-grid-options-bar: rgba(248,249,250,1);
    --grid-striped-bg-color: #EBF3FB;
    --grid-striped-border-color: #61AFFE;
    --light-gradient: linear-gradient(90deg, rgba(254, 254, 254, 1) 0%, rgba(225, 237, 255, 1) 100%);
    --secondary-text-color: #4a5568;
    --secondary-border-color: #cbd5e0;
    --secondary-color: #718096;
}