: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: 220 5% 47%;
--popover: 0 0% 100%;
--popover-foreground: 217 5% 33%;
--border: 210 15% 95%;
--input: 210 15% 95%;
--primary: 220 5% 22%;
--primary-foreground: 0 0% 100%;
--secondary: 217 5% 33%;
--secondary-foreground: 220 5% 22%;
--accent: 210 20% 98%;
--accent-foreground: 0 0% 0%;
--destructive: 0 74% 56%;
--destructive-foreground: 210 20% 98%;
--ring: 210 100% 46%;
--link-foreground: 219 100% 50%;
--link-background: 0 0% 100%;
--link-color: 219 100% 50%;
--list-secondary: 339 77% 41%;
--success: 0 0% 100%;
--toggle-background: 220 10% 82%;
--toggle-thumb: 0 0% 100%;
--chart-column: 217 91% 60%;
--background-from: 339 86% 50%;
--background-to: 263 88% 57%;
--destructiveForeground: 0 0% 100%;
--header: 0 0% 100%;
--header-text-primary: 220 5% 47%;
--header-text-icons: 221 39% 11%;
--header-border: 220 15% 92%;
--header-search-background: 0 0% 100%;
--header-hover: 210 20% 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: 217 5% 33%;
--dropdown-text-primary: 220 5% 22%;
--dropdown-text-secondary: 217 5% 33%;
--dropdown-background: 0 0% 100%;
--hero-background: 210 20% 98%;
--hero-outline: 0 0% 100%;
--hero-text-primary: 220 5% 22%;
--hero-text-secondary: 217 5% 33%;
--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: 220 5% 22%;
--menu-hover-color: 210 15% 95%;
--menu-hover-text-color: 221 39% 11%;
--menu-text-primary: 220 5% 22%;
--menu-text-secondary: 217 5% 33%;
--menu-separator: 210 15% 95%;
--menu-field: 210 20% 98%;
--card-text-primary: 220 5% 22%;
--card-text-secondary: 217 5% 33%;
--card-text-tertiary: 220 5% 47%;
--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: 214 100% 63%;
--card-border: 210 15% 95%;
--card-category-badge-text-color: 218 5% 33%;
--popup-text-primary: 220 5% 22%;
--popup-text-secondary: 217 5% 33%;
--table-header-background: 240 37.5% 96.86%;

    }
    
    .dark {
      --button-primary-background: 219 100% 62%;
--button-primary-text: 0 0% 100%;
--button-secondary-background: 0 0% 100%;
--button-secondary-text: 220 5% 22%;
--background: 218 31% 7%;
--foreground: 240 7% 97%;
--muted: 218 14% 15%;
--muted-foreground: 220 5% 63%;
--popover: 218 14% 15%;
--popover-foreground: 0 0% 100%;
--border: 218 14% 15%;
--input: 220 15% 24%;
--primary: 240 7% 97%;
--primary-foreground: 0 0% 99%;
--secondary: 216 6% 83%;
--secondary-foreground: 240 7% 97%;
--accent: 218 24% 13%;
--accent-foreground: 0 0% 100%;
--destructive: 0 74% 56%;
--destructive-foreground: 0 85.7% 97.3%;
--ring: 0 0% 100%;
--link-foreground: 218 24% 13%;
--link-background: 240 7% 97%;
--link-color: 219 100% 71%;
--toggle-background: 219 100% 62%;
--toggle-thumb: 0 0% 100%;
--chart-column: 217 91% 60%;
--destructiveForeground: 0 0% 100%;
--header: 218 31% 7%;
--header-text-primary: 220 5% 63%;
--header-text-icons: 210 20% 98%;
--header-border: 220 15% 24%;
--header-search-background: 218 24% 13%;
--header-hover: 218 24% 13%;
--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: 216 6% 83%;
--dropdown-text-primary: 240 7% 97%;
--dropdown-text-secondary: 216 6% 83%;
--dropdown-background: 218 24% 13%;
--hero-background: 218 24% 13%;
--hero-outline: 218 31% 7%;
--hero-text-primary: 240 7% 97%;
--hero-text-secondary: 216 6% 83%;
--breadcrumb-background: 218 31% 7%;
--breadcrumb-border: 218 14% 15%;
--breadcrumb-tab: 218 31% 7%;
--breadcrumb-hover: 218 16% 20%;
--breadcrumb-selected: 218 24% 13%;
--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: 218 24% 13%;
--menu-chosen-field-text-color: 240 7% 97%;
--menu-hover-color: 218 14% 15%;
--menu-hover-text-color: 210 20% 98%;
--menu-text-primary: 240 7% 97%;
--menu-text-secondary: 220 5% 63%;
--menu-separator: 218 14% 15%;
--menu-field: 218 24% 13%;
--card-text-primary: 240 7% 97%;
--card-text-secondary: 216 6% 83%;
--card-text-tertiary: 220 5% 63%;
--card-text-url: 219 100% 71%;
--card-selected: 218 24% 13%;
--card-background: 218 31% 7%;
--card-hover-background: 218 24% 13%;
--card-hover-text: 219 100% 71%;
--card-border: 218 14% 15%;
--card-category-badge-text-color: 353 100% 98%;
--popup-text-primary: 240 7% 97%;
--popup-text-secondary: 216 6% 83%;
--table-header-background: 60 37.5% 3.14%;

    }