:root {
      --button-primary-background: 219 100% 50%;
--button-primary-text: 0 0% 100%;
--button-secondary-background: 210 15% 95%;
--button-secondary-text: 220 5% 22%;
--background: 0 0% 100%;
--foreground: 220 5% 22%;
--muted: 210 15% 95%;
--muted-foreground: 218 5% 45%;
--popover: 0 0% 100%;
--popover-foreground: 220 5% 22%;
--border: 220 17% 93%;
--input: 210 15% 95%;
--primary: 220 5% 22%;
--primary-foreground: 0 0% 100%;
--secondary: 220 5% 22%;
--secondary-foreground: 220 5% 22%;
--accent: 240 20% 98%;
--accent-foreground: 220 5% 22%;
--destructive: 0 74% 56%;
--destructive-foreground: 0 0% 100%;
--ring: 219 100% 50%;
--link-foreground: 219 100% 50%;
--link-background: 0 0% 100%;
--link-color: 219 100% 50%;
--list-secondary: 218 5% 45%;
--success: 144 59% 51%;
--toggle-background: 233 11% 86%;
--toggle-thumb: 0 0% 100%;
--chart-column: 40 92% 59%;
--background-from: 125 100% 55%;
--background-to: 174 100% 57%;
--destructiveForeground: 0 0% 100%;
--header: 0 0% 100%;
--header-text-primary: 218 5% 45%;
--header-text-icons: 218 5% 45%;
--header-border: 210 15% 95%;
--header-search-background: 0 0% 100%;
--header-hover: 260 27% 98%;
--header-selected-background: 0 0% 100%;
--header-selected-text: 220 5% 22%;
--footer: 0 0% 100%;
--footer-text-primary: 220 5% 22%;
--footer-text-secondary: 220 5% 22%;
--dropdown-text-primary: 220 5% 22%;
--dropdown-text-secondary: 220 5% 22%;
--dropdown-background: 0 0% 100%;
--hero-background: 210 20% 98%;
--hero-outline: 0 0% 100%;
--hero-text-primary: 220 5% 22%;
--hero-text-secondary: 220 5% 22%;
--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% 100%;
--breadcrumb-border: 210 15% 95%;
--breadcrumb-tab: 0 0% 100%;
--breadcrumb-hover: 210 15% 95%;
--breadcrumb-selected: 210 20% 98%;
--breadcrumb-selected-border: 219 100% 50%;
--breadcrumb-text: 220 5% 22%;
--menu-background: 0 0% 100%;
--menu-console-background: 0 0% 100%;
--menu-chosen-field-color: 210 20% 98%;
--menu-chosen-field-text-color: 219 100% 50%;
--menu-hover-color: 210 20% 98%;
--menu-hover-text-color: 220 5% 22%;
--menu-text-primary: 220 5% 22%;
--menu-text-secondary: 220 5% 22%;
--menu-separator: 210 15% 95%;
--menu-field: 210 20% 98%;
--card-text-primary: 220 5% 22%;
--card-text-secondary: 220 5% 22%;
--card-text-tertiary: 218 5% 45%;
--card-text-url: 219 100% 50%;
--card-selected: 210 20% 98%;
--card-background: 0 0% 100%;
--card-hover-background: 210 20% 98%;
--card-hover-text: 219 100% 50%;
--card-border: 210 15% 95%;
--card-category-badge-text-color: 220 5% 22%;
--popup-text-primary: 220 5% 22%;
--popup-text-secondary: 220 5% 22%;
--table-header-background: 210 20% 98%;
--banner-background: 219 15% 98%;
--banner-text-primary: 219 5% 33%;

    }
    
    .dark {
      --button-primary-background: 219 100% 62%;
--button-primary-text: 0 0% 100%;
--button-secondary-background: 218 14% 15%;
--button-secondary-text: 240 7% 97%;
--background: 218 31% 7%;
--foreground: 240 7% 97%;
--muted: 218 14% 15%;
--muted-foreground: 220 5% 63%;
--popover: 218 31% 7%;
--popover-foreground: 240 7% 97%;
--border: 218 14% 15%;
--input: 218 14% 15%;
--primary: 240 7% 97%;
--primary-foreground: 0 0% 100%;
--secondary: 240 7% 97%;
--secondary-foreground: 240 7% 97%;
--accent: 214 28% 10%;
--accent-foreground: 240 7% 97%;
--destructive: 0 100% 72%;
--destructive-foreground: 0 0% 100%;
--ring: 219 100% 62%;
--link-foreground: 219 100% 62%;
--link-background: 0 0% 100%;
--link-color: 219 100% 62%;
--toggle-background: 220 15% 24%;
--toggle-thumb: 218 31% 7%;
--chart-column: 43 100% 70%;
--destructiveForeground: 0 0% 100%;
--header: 218 31% 7%;
--header-text-primary: 220 5% 63%;
--header-text-icons: 220 5% 63%;
--header-border: 218 14% 15%;
--header-search-background: 218 31% 7%;
--header-hover: 214 28% 10%;
--header-selected-background: 218 31% 7%;
--header-selected-text: 240 7% 97%;
--footer: 218 31% 7%;
--footer-text-primary: 240 7% 97%;
--footer-text-secondary: 240 7% 97%;
--dropdown-text-primary: 240 7% 97%;
--dropdown-text-secondary: 240 7% 97%;
--dropdown-background: 218 31% 7%;
--hero-background: 214 28% 10%;
--hero-outline: 218 31% 7%;
--hero-text-primary: 240 7% 97%;
--hero-text-secondary: 240 7% 97%;
--metrics-background: 0 0% 15%;
--metrics-text-primary: 0 0% 92%;
--metrics-text-secondary: 218 11% 65%;
--metrics-outline: 0 0% 15%;
--breadcrumb-background: 218 31% 7%;
--breadcrumb-border: 218 14% 15%;
--breadcrumb-tab: 218 31% 7%;
--breadcrumb-hover: 218 14% 15%;
--breadcrumb-selected: 212 29% 10%;
--breadcrumb-selected-border: 219 100% 62%;
--breadcrumb-text: 240 7% 97%;
--menu-background: 218 31% 7%;
--menu-console-background: 218 31% 7%;
--menu-chosen-field-color: 214 28% 10%;
--menu-chosen-field-text-color: 219 100% 62%;
--menu-hover-color: 218 14% 15%;
--menu-hover-text-color: 240 7% 97%;
--menu-text-primary: 240 7% 97%;
--menu-text-secondary: 240 7% 97%;
--menu-separator: 218 14% 15%;
--menu-field: 214 28% 10%;
--card-text-primary: 240 7% 97%;
--card-text-secondary: 240 7% 97%;
--card-text-tertiary: 220 5% 63%;
--card-text-url: 219 100% 62%;
--card-selected: 212 29% 10%;
--card-background: 218 31% 7%;
--card-hover-background: 214 28% 10%;
--card-hover-text: 219 100% 62%;
--card-border: 218 14% 15%;
--card-category-badge-text-color: 240 7% 97%;
--popup-text-primary: 240 7% 97%;
--popup-text-secondary: 240 7% 97%;
--table-header-background: 212 29% 10%;
--banner-background: 0 0% 15%;
--banner-text-primary: 0 0% 92%;

    }