:root {
      --button-primary-background: 217 91% 60%;
--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.3% 95.9%;
--muted-foreground: 220 8.9% 46.1%;
--popover: 0 0% 100%;
--popover-foreground: 224 71.4% 4.1%;
--border: 220 13% 91%;
--input: 220 13% 91%;
--primary: 0 0% 13%;
--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: 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%;
--highlighter-border: 240 6% 90%;
--highlighter-background: 0 0% 98%;
--header: 0 0% 100%;
--header-text-primary: 221 39% 11%;
--header-text-icons: 221 39% 11%;
--header-border: 220 13% 91%;
--header-search-background: 0 0% 100%;
--header-hover: 220 14% 96%;
--header-selected-background: 214 100% 97%;
--header-selected-text: 217 91% 60%;
--footer: 0 0% 100%;
--footer-text-primary: 221 39% 11%;
--footer-text-secondary: 220 9% 46%;
--dropdown-text-primary: 221 39% 11%;
--dropdown-text-secondary: 220 9% 46%;
--dropdown-background: 0 0% 100%;
--hero-background: 0 0% 98%;
--hero-outline: 0 0% 100%;
--hero-text-primary: 0 0% 0%;
--hero-text-secondary: 0 0% 0%;
--metrics-background: 0 0% 100%;
--metrics-text-primary: 219 100% 50%;
--metrics-text-secondary: 217 5% 33%;
--metrics-outline: 0 0% 100%;
--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 0% 98%;
--menu-console-background: 0 0% 100%;
--menu-chosen-field-color: 0 0% 100%;
--menu-chosen-field-text-color: 221 39% 11%;
--menu-hover-color: 204 94% 94%;
--menu-hover-text-color: 221 39% 11%;
--menu-text-primary: 221 39% 11%;
--menu-text-secondary: 215 14% 34%;
--menu-separator: 220 13% 91%;
--menu-field: 0 0% 100%;
--card-text-primary: 221 39% 11%;
--card-text-secondary: 220 9% 46%;
--card-text-tertiary: 220 9% 46%;
--card-text-url: 217 91% 60%;
--card-selected: 214 100% 96%;
--card-background: 0 0% 100%;
--card-hover-background: 220 14.3% 95.9%;
--card-hover-text: 201 87% 48%;
--card-border: 220 13% 91%;
--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: 40 92% 59%;
--banner-text-primary: 0 0% 0%;
--chat-bot-background-user: 0 0% 98%;
--chat-bot-background-assistant: 0 0% 100%;
--chat-bot-border-user: 0 0% 98%;
--chat-bot-border-assistant: 0 0% 100%;
--chat-bot-text-user: 0 0% 13%;
--chat-bot-text-assistant: 0 0% 13%;
--chat-bot-inline-code-background-assistant: 0 0% 87%;
--chat-bot-inline-code-text-assistant: 0 0% 13%;

    }
    
    .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%;
--highlighter-border: 240 5% 26%;
--highlighter-background: 240 6% 10%;
--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: 212 96% 78%;
--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% 15%;
--hero-outline: 0 0% 15%;
--hero-text-primary: 0 0% 92%;
--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: 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% 13%;
--menu-chosen-field-text-color: 210 20% 98%;
--menu-hover-color: 202 80% 24%;
--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: 240 5% 26%;
--card-hover-text: 201 87% 48%;
--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: 215 100% 41%;
--banner-text-primary: 0 25% 97%;
--chat-bot-background-user: 0 0% 13%;
--chat-bot-background-assistant: 0 0% 0%;
--chat-bot-border-user: 0 0% 13%;
--chat-bot-border-assistant: 0 0% 0%;
--chat-bot-text-user: 0 0% 87%;
--chat-bot-text-assistant: 0 0% 87%;
--chat-bot-inline-code-background-assistant: 0 0% 13%;
--chat-bot-inline-code-text-assistant: 0 0% 87%;

    }