:root {
        --background: 210 40% 96%; --foreground: 222 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 222.2 47.4% 11.2%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 30%; --secondary-foreground: 222.2 47.4% 11.2%; --muted: 210 26% 83%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 0 0% 100%; --accent-foreground: 222.2 47.4% 11.2%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 222.2 84% 4.9%; 
      }
      .dark {
        --background: 220 30% 14%; --foreground: 220 100% 95%; --card: 220 25% 18%; --card-foreground: 220 100% 95%; --popover: 220 25% 20%; --popover-foreground: 220 100% 95%; --primary: 222 60% 40%; --primary-foreground: 220 100% 95%; --secondary: 220 25% 30%; --secondary-foreground: 220 100% 90%; --muted: 220 15% 35%; --muted-foreground: 220 10% 70%; --accent: 220 60% 45%; --accent-foreground: 220 100% 95%; --destructive: 0 70% 50%; --destructive-foreground: 220 100% 95%; --border: 220 20% 25%; --input: 220 20% 25%; --ring: 222 90% 60%; 
      }