:root {
      --background: 0 0% 98%;
--foreground: 0 0% 13%;
--card: 0 0% 99%;
--card-foreground: 0 0% 13%;
--popover: 0 0% 99%;
--popover-foreground: 0 0% 13%;
--primary: 47 51% 39%;
--primary-foreground: 0 0% 100%;
--secondary: 34 100% 85%;
--secondary-foreground: 47 67% 20%;
--muted: 0 0% 94%;
--muted-foreground: 0 0% 39%;
--accent: 0 0% 91%;
--accent-foreground: 0 0% 13%;
--destructive: 10 78% 54%;
--destructive-foreground: 0 0% 100%;
--border: 0 0% 85%;
--input: 0 0% 85%;
--ring: 47 51% 39%;
--chart-1: 176 50% 55%;
--chart-2: 121 46% 51%;
--chart-3: 247 82% 67%;
--chart-4: 30 81% 65%;
--chart-5: 319 63% 61%;
--sidebar: 0 0% 98%;
--sidebar-foreground: 0 0% 15%;
--sidebar-primary: 0 0% 20%;
--sidebar-primary-foreground: 0 0% 98%;
--sidebar-accent: 0 0% 97%;
--sidebar-accent-foreground: 0 0% 20%;
--sidebar-border: 0 0% 92%;
--sidebar-ring: 0 0% 71%;
--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--radius: 0.5rem;
--shadow-color: 203 89% 53%;
--shadow-opacity: 0.1;
--shadow-blur: 3px;
--shadow-spread: 0px;
--shadow-offset-x: 0px;
--shadow-offset-y: 2px;
--letter-spacing: 0em;
--spacing: 0.25rem;
    }
  

    .dark {
      --background: 0 0% 7%;
--foreground: 0 0% 93%;
--card: 0 0% 10%;
--card-foreground: 0 0% 93%;
--popover: 0 0% 10%;
--popover-foreground: 0 0% 93%;
--primary: 47 76% 69%;
--primary-foreground: 183 54% 7%;
--secondary: 28 18% 19%;
--secondary-foreground: 47 76% 69%;
--muted: 0 0% 13%;
--muted-foreground: 0 0% 71%;
--accent: 0 0% 16%;
--accent-foreground: 0 0% 93%;
--destructive: 10 78% 54%;
--destructive-foreground: 0 0% 100%;
--border: 45 14% 11%;
--input: 0 0% 28%;
--ring: 47 76% 69%;
--chart-1: 176 75% 65%;
--chart-2: 121 88% 66%;
--chart-3: 247 82% 67%;
--chart-4: 30 81% 65%;
--chart-5: 319 87% 69%;
--sidebar: 240 6% 10%;
--sidebar-foreground: 240 5% 96%;
--sidebar-primary: 47 76% 69%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 240 4% 16%;
--sidebar-accent-foreground: 240 5% 96%;
--sidebar-border: 240 4% 16%;
--sidebar-ring: 240 5% 84%;
--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--radius: 0.5rem;
--shadow-color: 203 89% 53%;
--shadow-opacity: 0.1;
--shadow-blur: 3px;
--shadow-spread: 0px;
--shadow-offset-x: 0px;
--shadow-offset-y: 2px;
--letter-spacing: 0em;
--spacing: 0.25rem;
    }