:root {
      --header: 0 0% 100%;
--header-text-primary: 221 39% 11%;
--footer: 0 0% 100%;
--footer-text-primary: 221 39% 11%;
--footer-text-secondary: 220 9% 46%;
--dropdown-text-primary: 221 39% 11%;
--dropdown-text-secondary: 220 9% 46%;
--card-text-primary: 221 39% 11%;
--card-text-secondary: 220 9% 46%;
--card-selected: 214 100% 96%;
--background-from: 335 100% 75%;
--background-to: 244 95% 76%;
--background: 0 0% 100%;
--foreground: 221 39% 11%;
--muted: 220 14.3% 95.9%;
--muted-foreground: 220 8.9% 46.1%;
--popover: 0 0% 100%;
--popover-foreground: 224 71.4% 4.1%;
--border: 220 13% 91%;
--input: 220 13% 91%;
--primary: 217 91% 60%;
--primary-foreground: 210 20% 98%;
--secondary: 220 9% 46%;
--secondary-foreground: 220 39.3% 11%;
--accent: 220 14.3% 95.9%;
--accent-foreground: 220 39.3% 11%;
--destructive: 0 84.2% 60.2%;
--destructiveForeground: 210 20% 98%;
--ring: 217.9 10.6% 64.9%;

    }
    
    .dark {
      --header: 0 0% 13%;
--header-text-primary: 210 20% 98%;
--footer: 0 2% 25%;
--footer-text-primary: 210 20% 98%;
--footer-text-secondary: 218 11% 65%;
--dropdown-text-primary: 210 20% 98%;
--dropdown-text-secondary: 218 11% 65%;
--card-text-primary: 210 20% 98%;
--card-text-secondary: 218 11% 65%;
--card-selected: 0 0% 25%;
--background: 0 0% 13%;
--foreground: 0 0% 100%;
--muted: 240 5% 26%;
--muted-foreground: 217.9 10.6% 64.9%;
--popover: 0 0% 13%;
--popover-foreground: 210 20% 98%;
--border: 240 5% 26%;
--input: 0 0% 30.08%;
--primary: 210 20% 98%;
--primary-foreground: 220.9 39.3% 11%;
--secondary: 218 11% 65%;
--secondary-foreground: 210 20% 98%;
--accent: 0 0% 25%;
--accent-foreground: 210 20% 98%;
--destructive: 0 62.8% 30.6%;
--destructiveForeground: 0 85.7% 97.3%;
--ring: 0 0% 29.95%;

    }