:root {
      --button-primary-background: 212 72% 59%;
--button-primary-text: 0 0% 100%;
--button-secondary-background: 0 0% 100%;
--button-secondary-text: 0 0% 31%;
--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: 0 0% 66%;
--input: 220 13% 91%;
--primary: 0 0% 13%;
--primary-foreground: 210 20% 98%;
--secondary: 220 9% 46%;
--secondary-foreground: 220 39.3% 11%;
--accent: 199 100% 95%;
--accent-foreground: 220 39.3% 11%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 20% 98%;
--ring: 217.9 10.6% 64.9%;
--link-foreground: 217 91% 60%;
--link-background: 214 100% 97%;
--link-color: 217 91% 60%;
--list-secondary: 217.9 10.6% 64.9%;
--success: 142.1 76.2% 36.3%;
--toggle-background: 220 13% 91%;
--toggle-thumb: 0 0% 13%;
--chart-column: 217 91% 60%;
--destructiveForeground: 210 20% 98%;
--header: 210 8% 95%;
--header-text-primary: 210 11% 15%;
--header-text-icons: 210 11% 15%;
--header-border: 220 13% 91%;
--header-search-background: 0 0% 100%;
--header-hover: 357 100% 50%;
--header-selected-background: 357 100% 50%;
--header-selected-text: 0 0% 100%;
--footer: 0 0% 20%;
--footer-text-primary: 0 0% 100%;
--footer-text-secondary: 0 0% 100%;
--dropdown-text-primary: 300 4% 5%;
--dropdown-text-secondary: 220 9% 46%;
--dropdown-background: 0 0% 100%;
--hero-background: 0 0% 1%;
--hero-outline: 0 0% 98%;
--hero-text-primary: 0 0% 100%;
--hero-text-secondary: 0 5% 72%;
--metrics-background: 0 0% 98%;
--metrics-text-primary: 220 39.3% 11%;
--metrics-text-secondary: 220 9% 46%;
--metrics-outline: 0 0% 98%;
--breadcrumb-background: 0 0% 98%;
--breadcrumb-border: 220 13% 91%;
--breadcrumb-tab: 0 0% 98%;
--breadcrumb-hover: 220 14% 96%;
--breadcrumb-selected: 220 14% 96%;
--breadcrumb-selected-border: 217 91% 60%;
--breadcrumb-text: 221 39% 11%;
--menu-background: 0 100% 100%;
--menu-console-background: 0 0% 100%;
--menu-chosen-field-color: 216 100% 97%;
--menu-chosen-field-text-color: 213 59% 28%;
--menu-hover-color: 199 100% 95%;
--menu-hover-text-color: 221 39% 11%;
--menu-text-primary: 0 0% 2%;
--menu-text-secondary: 0 0% 8%;
--menu-separator: 240 5% 15%;
--menu-field: 0 4% 65%;
--card-text-primary: 0 0% 31%;
--card-text-secondary: 220 9% 46%;
--card-text-tertiary: 220 9% 46%;
--card-text-url: 217 91% 60%;
--card-selected: 216 100% 97%;
--card-background: 0 0% 100%;
--card-hover-background: 199 100% 95%;
--card-hover-text: 240 3% 15%;
--card-border: 357 100% 50%;
--card-category-badge-text-color: 218 5% 33%;
--popup-text-primary: 221 39% 11%;
--popup-text-secondary: 220 8.9% 46.1%;
--table-header-background: 240 37.5% 96.86%;
--banner-background: 37 100% 64%;
--banner-text-primary: 0 0% 0%;

    }
    
    .dark {
      --button-primary-background: 210 20% 98%;
--button-primary-text: 220.9 39.3% 11%;
--button-secondary-background: 218 11% 65%;
--button-secondary-text: 210 20% 98%;
--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: 0 0% 100%;
--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%;
--destructive-foreground: 0 85.7% 97.3%;
--ring: 0 0% 29.95%;
--link-foreground: 224 64% 33%;
--link-background: 212 96% 78%;
--link-color: 217 91% 60%;
--toggle-background: 143 64% 24%;
--toggle-thumb: 142 71% 45%;
--chart-column: 217 91% 60%;
--destructiveForeground: 0 85.7% 97.3%;
--header: 0 0% 13%;
--header-text-primary: 210 20% 98%;
--header-text-icons: 210 20% 98%;
--header-border: 240 5% 26%;
--header-search-background: 0 0% 15%;
--header-hover: 213 59% 28%;
--header-selected-background: 214 100% 97%;
--header-selected-text: 217 91% 60%;
--footer: 212 63% 20%;
--footer-text-primary: 210 20% 98%;
--footer-text-secondary: 0 0% 100%;
--dropdown-text-primary: 210 20% 98%;
--dropdown-text-secondary: 218 11% 65%;
--dropdown-background: 0 0% 13%;
--hero-background: 0 0% 2%;
--hero-outline: 0 0% 15%;
--hero-text-primary: 0 0% 99%;
--hero-text-secondary: 0 0% 95%;
--metrics-background: 0 0% 15%;
--metrics-text-primary: 0 0% 92%;
--metrics-text-secondary: 218 11% 65%;
--metrics-outline: 0 0% 15%;
--breadcrumb-background: 0 0% 13%;
--breadcrumb-border: 240 5% 26%;
--breadcrumb-tab: 0 0% 13%;
--breadcrumb-hover: 218 11% 65%;
--breadcrumb-selected: 0 0% 25%;
--breadcrumb-selected-border: 217 91% 60%;
--breadcrumb-text: 210 20% 98%;
--menu-background: 240 4% 16%;
--menu-console-background: 0 0% 13%;
--menu-chosen-field-color: 0 0% 32%;
--menu-chosen-field-text-color: 210 20% 98%;
--menu-hover-color: 213 59% 28%;
--menu-hover-text-color: 210 20% 98%;
--menu-text-primary: 210 20% 98%;
--menu-text-secondary: 215 14% 34%;
--menu-separator: 220 13% 91%;
--menu-field: 0 0% 13%;
--card-text-primary: 210 20% 98%;
--card-text-secondary: 218 11% 65%;
--card-text-tertiary: 218 11% 65%;
--card-text-url: 220 9% 46%;
--card-selected: 0 0% 25%;
--card-background: 0 0% 13%;
--card-hover-background: 213 59% 28%;
--card-hover-text: 210 20% 98%;
--card-border: 215 14% 34%;
--card-category-badge-text-color: 353 100% 98%;
--popup-text-primary: 210 20% 98%;
--popup-text-secondary: 220 9% 46%;
--table-header-background: 60 37.5% 3.14%;
--banner-background: 0 0% 15%;
--banner-text-primary: 0 0% 92%;

    }