:root {
      --button-primary-background: 120 100% 25%;
--button-primary-text: 210 20% 98%;
--button-secondary-background: 216 12% 92%;
--button-secondary-text: 220 39.3% 11%;
--background: 0 0% 100%;
--foreground: 221 39% 11%;
--muted: 220 14% 96%;
--muted-foreground: 220 8.9% 46.1%;
--popover: 0 0% 100%;
--popover-foreground: 224 71.4% 4.1%;
--border: 120 100% 25%;
--input: 220 13% 91%;
--primary: 120 100% 25%;
--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: 120 100% 25%;
--destructive-foreground: 210 20% 98%;
--ring: 54 100% 50%;
--link-foreground: 120 100% 25%;
--link-background: 214 100% 97%;
--link-color: 120 100% 25%;
--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: 120 100% 25%;
--destructiveForeground: 210 20% 98%;
--background-from: 335 100% 75%;
--background-to: 244 95% 76%;
--header: 0 0% 97%;
--header-text-primary: 120 100% 25%;
--header-text-icons: 221 39% 11%;
--header-border: 120 100% 25%;
--header-search-background: 0 0% 97%;
--header-hover: 220 14% 96%;
--header-selected-background: 120 100% 25%;
--header-selected-text: 0 0% 100%;
--footer: 0 0% 97%;
--footer-text-primary: 0 0% 0%;
--footer-text-secondary: 235 5% 47%;
--dropdown-text-primary: 0 0% 0%;
--dropdown-text-secondary: 235 5% 47%;
--dropdown-background: 0 0% 97%;
--hero-background: 0 0% 100%;
--hero-outline: 0 0% 100%;
--hero-text-primary: 120 100% 25%;
--hero-text-secondary: 235 5% 47%;
--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% 97%;
--breadcrumb-border: 120 100% 25%;
--breadcrumb-tab: 0 0% 98%;
--breadcrumb-hover: 220 14% 96%;
--breadcrumb-selected: 220 14% 96%;
--breadcrumb-selected-border: 120 100% 25%;
--breadcrumb-text: 0 0% 0%;
--menu-background: 0 0% 100%;
--menu-console-background: 0 0% 100%;
--menu-chosen-field-color: 120 100% 25%;
--menu-chosen-field-text-color: 0 0% 100%;
--menu-hover-color: 0 0% 97%;
--menu-hover-text-color: 221 39% 11%;
--menu-text-primary: 0 0% 0%;
--menu-text-secondary: 235 5% 47%;
--menu-separator: 120 100% 25%;
--menu-field: 0 0% 100%;
--card-text-primary: 0 0% 0%;
--card-text-secondary: 235 5% 47%;
--card-text-tertiary: 220 9% 46%;
--card-text-url: 120 100% 25%;
--card-selected: 214 100% 96%;
--card-background: 0 0% 100%;
--card-hover-background: 220 14.3% 95.9%;
--card-hover-text: 120 100% 25%;
--card-border: 120 100% 25%;
--card-category-badge-text-color: 218 5% 33%;
--card-hover: 0 0% 97%;
--popup-text-primary: 221 39% 11%;
--popup-text-secondary: 220 8.9% 46.1%;
--table-header-background: 240 37.5% 96.86%;
--banner-background: 219 15% 98%;
--banner-text-primary: 219 5% 33%;

    }
    
    .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: 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: 120 100% 25%;
--destructive-foreground: 0 85.7% 97.3%;
--ring: 0 0% 29.95%;
--link-foreground: 120 100% 25%;
--link-background: 212 96% 78%;
--link-color: 120 100% 25%;
--toggle-background: 143 64% 24%;
--toggle-thumb: 142 71% 45%;
--chart-column: 120 100% 25%;
--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: 240 5% 26%;
--header-selected-background: 214 100% 97%;
--header-selected-text: 120 100% 25%;
--footer: 0 0% 13%;
--footer-text-primary: 210 20% 98%;
--footer-text-secondary: 218 11% 65%;
--dropdown-text-primary: 210 20% 98%;
--dropdown-text-secondary: 218 11% 65%;
--dropdown-background: 0 0% 13%;
--hero-background: 0 0% 13%;
--hero-outline: 0 0% 13%;
--hero-text-primary: 120 100% 25%;
--hero-text-secondary: 218 11% 65%;
--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: 120 100% 25%;
--breadcrumb-text: 210 20% 98%;
--menu-background: 240 4% 16%;
--menu-console-background: 0 0% 13%;
--menu-chosen-field-color: 0 0% 13%;
--menu-chosen-field-text-color: 210 20% 98%;
--menu-hover-color: 180 0% 46%;
--menu-hover-text-color: 210 20% 98%;
--menu-text-primary: 210 20% 98%;
--menu-text-secondary: 0 0% 47%;
--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: 120 100% 25%;
--card-selected: 0 0% 25%;
--card-background: 0 0% 13%;
--card-hover-background: 240 5% 26%;
--card-hover-text: 120 100% 25%;
--card-border: 215 9% 36%;
--card-category-badge-text-color: 354 100% 98%;
--card-hover: 240 5% 26%;
--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%;

    }