:root {
   --background: 210 40% 98% !important;
   --foreground: 222 47% 11% !important;
   --primary: 224 64% 33% !important;
   --primary-hover: 224 76% 48% !important;
   --primary-dark: 226 57% 21% !important;
   --primary-foreground: 210 40% 98% !important;
   --secondary-foreground: 224 64% 33% !important;
   --ring: 224 76% 48% !important;
   --accent: 224 76% 48% !important;
   --accent-foreground: 210 40% 98% !important;

   --color-background: hsl(var(--background)) !important;
   --color-foreground: hsl(var(--foreground)) !important;
   --color-primary: hsl(var(--primary)) !important;
   --color-primary-foreground: hsl(var(--primary-foreground)) !important;
   --color-secondary-foreground: hsl(var(--secondary-foreground)) !important;
   --color-ring: hsl(var(--ring)) !important;
   --color-accent: hsl(var(--accent)) !important;
   --color-accent-foreground: hsl(var(--accent-foreground)) !important;
   --color-primary-hover: hsl(var(--primary-hover)) !important;
   --color-primary-dark: hsl(var(--primary-dark)) !important;
   --color-secondary-dark: hsl(var(--primary-dark)) !important;
}

.dark {
   --background: #F8FAFC !important;
   --foreground: #0F172A !important;
   --primary: #1E3A8A !important;
   --primary-hover: #1D4ED8 !important;
   --primary-dark: #172554 !important;
   --primary-foreground: #FFFFFF !important;
   --secondary-foreground: #1E3A8A !important;
   --ring: #1D4ED8 !important;
   --accent: #1D4ED8 !important;
   --accent-foreground: #FFFFFF !important;
}

:root,
.dark {
   --color-primary-900: #172554 !important;
   --color-primary-800: #172554 !important;
   --color-primary-700: #1D4ED8 !important;
   --color-primary-600: #1E3A8A !important;
   --color-primary-500: #1E3A8A !important;
   --color-primary-400: #1D4ED8 !important;
   --color-primary-300: #1D4ED8 !important;
   --color-blue-950: #172554 !important;
   --color-blue-900: #172554 !important;
   --color-blue-800: #172554 !important;
   --color-blue-700: #1D4ED8 !important;
   --color-blue-600: #1E3A8A !important;
   --color-blue-500: #1E3A8A !important;
   --color-blue-400: #1D4ED8 !important;
   --color-blue-300: #1D4ED8 !important;
   --color-blue-200: #F8FAFC !important;
   --color-blue-100: #F8FAFC !important;
   --color-blue-50: #F8FAFC !important;
}

html,
body,
main,
[class~="bg-background"] {
   background-color: #F8FAFC !important;
}

body,
[class~="text-foreground"] {
   color: #0F172A !important;
}

a:not([class*="text-"]):not([class~="bg-primary"]),
[class~="text-primary"],
[class~="text-blue-400"],
[class~="text-blue-500"],
[class~="text-blue-600"],
[class~="text-blue-700"],
[class~="text-blue-800"],
[class~="text-blue-900"] {
   color: #1E3A8A !important;
}

a:not([class*="text-"]):not([class~="bg-primary"]):hover,
[class~="hover:text-blue-500"]:hover,
[class~="hover:text-blue-600"]:hover,
[class~="hover:text-blue-700"]:hover {
   color: #1D4ED8 !important;
}

button[class~="bg-primary"],
a[class~="bg-primary"],
[class~="bg-primary"],
[class~="bg-blue-500"],
[class~="bg-blue-600"] {
   background-color: #1E3A8A !important;
}

button[class~="bg-primary"]:hover,
a[class~="bg-primary"]:hover,
[class~="bg-primary"]:hover,
[class~="hover:bg-primary-hover"]:hover,
[class~="hover:bg-primary/90"]:hover,
[class~="hover:bg-blue-600"]:hover,
[class~="hover:bg-blue-700"]:hover {
   background-color: #1D4ED8 !important;
}

header[class~="bg-primary"],
nav[class~="bg-primary"] {
   background-color: #1E3A8A !important;
}

.dark [class~="dark:bg-primary-dark"],
.dark header[class~="dark:bg-primary-dark"],
.dark nav[class~="dark:bg-primary-dark"] {
   background-color: #172554 !important;
}

[class~="text-primary-foreground"] {
   color: #FFFFFF !important;
}