:root {
  --background: 0 0% 96.9%;
  --foreground: 240 68.3% 16.1%;
  --card: 0 0% 98.8%;
  --card-foreground: 222.2 84% 4.9%;
  --popover: 0 0% 99.2%;
  --popover-foreground: 222.2 84% 4.9%;
  --primary: 211 62.2% 24.9%;
  --primary-foreground: 210 40% 98%;
  --secondary: 211 62.2% 24.9%;
  --secondary-foreground: 210 40% 98%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 0 0% 25.9%;
  --accent: 210 40% 96.1%;
  --accent-foreground: 222 47.4% 11.2%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 222.2 84% 4.9%;
  --badge-default-bg: 44 100% 62.9%;
  --badge-default-fg: 0 0% 18.8%;
  --badge-default-border: 0 0% 27.8%;
  --badge-default-border-width: 0px;
  --badge-default-radius: 3px;
  --badge-default-hover-bg: 44 100% 62.9%;
  --badge-default-hover-fg: 0 0% 18.8%;
  --badge-default-hover-border: 0 0% 27.8%;
  --badge-secondary-bg: 0 0% 96.1%;
  --badge-secondary-fg: 0 0% 22%;
  --badge-secondary-border: 0 0% 70.2%;
  --badge-secondary-border-width: 0px;
  --badge-secondary-radius: 4px;
  --badge-secondary-hover-bg: 0 0% 96.1%;
  --badge-secondary-hover-fg: 0 0% 22%;
  --badge-secondary-hover-border: 0 0% 70.2%;
  --badge-destructive-bg: 0 84.2% 60.2%;
  --badge-destructive-fg: 210 40% 98%;
  --badge-destructive-border: 214.3 31.8% 91.4%;
  --badge-destructive-border-width: 0px;
  --badge-destructive-radius: 2px;
  --badge-destructive-hover-bg: 0 84.2% 60.2%;
  --badge-destructive-hover-fg: 210 40% 98%;
  --badge-destructive-hover-border: 214.3 31.8% 91.4%;
  --badge-outline-bg: 0 0% 96.9%;
  --badge-outline-fg: 240 68.3% 16.1%;
  --badge-outline-border: 214.3 31.8% 91.4%;
  --badge-outline-border-width: 1px;
  --badge-outline-radius: 2px;
  --badge-outline-hover-bg: 0 0% 96.9%;
  --badge-outline-hover-fg: 240 68.3% 16.1%;
  --badge-outline-hover-border: 214.3 31.8% 91.4%;
  --header-bg: 0 0% 100%;
  --header-fg: 240 68.3% 16.1%;
  --header-border: 0 0% 92.9%;
  --header-bg-alpha: 1;
  --header-shadow: 1px 2px 4px rgba(0,0,0,0.05);
  --header-height: 70px;
  --header-px: 40px;
  --header-py: 0px;
  --header-menu-gap: 5px;
  --header-menu-radius: 24px;
  --header-menu-fg: 240 68.3% 16.1%;
  --header-menu-hover-fg: 240 68.3% 16.1%;
  --header-menu-bg: 0 0% 96.1%;
  --header-menu-hover-bg: 0 0% 96.1%;
  --header-animation-color: 206 100% 92%;
  --header-animation-opacity: 0;
  --header-animation-speed: 20s;
  --header-logo-hover-filter: none;
  --header-logo-hover-opacity: 1;
  --header-dropdown-bg: 0 0% 99.2%;
  --header-dropdown-fg: 222.2 84% 4.9%;
  --header-dropdown-border: 0 0% 89%;
  --header-dropdown-radius: 6px;
  --header-dropdown-hover-bg: 211 63.9% 88%;
  --header-dropdown-hover-fg: 222 47.4% 11.2%;
  --header-dropdown-item-radius: 6px;
  --scrollbar-width: 20px;
  --scrollbar-track-bg: 0 0% 100%;
  --scrollbar-track-radius: 0px;
  --scrollbar-thumb-bg: 0 0% 72.9%;
  --scrollbar-thumb-hover-bg: 0 0% 87.8%;
  --scrollbar-thumb-border: 0 0% 100%;
  --scrollbar-thumb-border-width: 0px;
  --scrollbar-thumb-radius: 0px;
  --font-body-family: ui-sans-serif, system-ui, sans-serif;
  --font-heading-family: ui-sans-serif, system-ui, sans-serif;
  --font-size-base: 16px;
  --typography-body-color: 240 68.3% 16.1%;
  --typography-heading-color: 240 68.3% 16.1%;
  --typography-h1-color: 240 68.3% 16.1%;
  --typography-h1-size: 2rem;
  --typography-h1-weight: 700;
  --typography-h1-line-height: 1.2;
  --typography-h1-letter-spacing: 0;
  --typography-h1-transform: none;
  --typography-h2-color: 240 68.3% 16.1%;
  --typography-h2-size: 1.5rem;
  --typography-h2-weight: 600;
  --typography-h2-line-height: 1.3;
  --typography-h2-letter-spacing: 0;
  --typography-h2-transform: none;
  --typography-h3-color: 240 68.3% 16.1%;
  --typography-h3-size: 1.25rem;
  --typography-h3-weight: 600;
  --typography-h3-line-height: 1.35;
  --typography-h3-letter-spacing: 0;
  --typography-h3-transform: none;
  --typography-p-color: 240 68.3% 16.1%;
  --typography-p-size: 1rem;
  --typography-p-weight: 400;
  --typography-p-line-height: 1.6;
  --typography-p-letter-spacing: 0;
  --typography-p-transform: none;
  --announcement-overlay-color: 0 0% 0%;
  --announcement-overlay-opacity: 0;
  --login-page-bg: 0 0% 100%;
  --login-page-bg-alpha: 1;
  --login-card-bg: 0 0% 96.1%;
  --login-card-fg: 222.2 84% 4.9%;
  --login-card-border: 0 0% 89%;
  --login-card-border-width: 1px;
  --login-card-radius: 0px;
  --login-card-shadow: 0 1px 2px rgba(0,0,0,0.05);
  --login-card-px: 30px;
  --login-card-py: 30px;
  --login-logo-max-height: 75px;
  --login-logo-radius: 0px;
  --login-logo-padding: 2px;
  --login-form-gap: 16px;
  --login-input-radius: 6px;
  --login-button-radius: 6px;
  --login-button-height: 40px;
  --radius: 6px;
}
.dark {
  --background: 0 0% 14.9%;
  --foreground: 0 0% 81.2%;
  --card: 0 0% 22%;
  --card-foreground: 0 0% 81.2%;
  --popover: 0 0% 22%;
  --popover-foreground: 0 0% 81.2%;
  --primary: 0 0% 83.9%;
  --primary-foreground: 0 0% 81.2%;
  --secondary: 0 0% 83.9%;
  --secondary-foreground: 0 0% 56.1%;
  --muted: 0 0% 41.2%;
  --muted-foreground: 0 0% 81.2%;
  --accent: 0 0% 41.2%;
  --accent-foreground: 0 0% 81.2%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 81.2%;
  --border: 0 0% 23.1%;
  --input: 0 0% 29%;
  --ring: 0 0% 100%;
  --badge-default-bg: 0 0% 83.9%;
  --badge-default-fg: 0 0% 81.2%;
  --badge-default-border: 0 0% 23.1%;
  --badge-default-border-width: 0px;
  --badge-default-radius: 6px;
  --badge-default-hover-bg: 0 0% 83.9%;
  --badge-default-hover-fg: 0 0% 81.2%;
  --badge-default-hover-border: 0 0% 23.1%;
  --badge-secondary-bg: 0 0% 83.9%;
  --badge-secondary-fg: 0 0% 56.1%;
  --badge-secondary-border: 0 0% 23.1%;
  --badge-secondary-border-width: 0px;
  --badge-secondary-radius: 6px;
  --badge-secondary-hover-bg: 0 0% 83.9%;
  --badge-secondary-hover-fg: 0 0% 56.1%;
  --badge-secondary-hover-border: 0 0% 23.1%;
  --badge-destructive-bg: 0 84.2% 60.2%;
  --badge-destructive-fg: 0 0% 81.2%;
  --badge-destructive-border: 0 0% 23.1%;
  --badge-destructive-border-width: 0px;
  --badge-destructive-radius: 6px;
  --badge-destructive-hover-bg: 0 84.2% 60.2%;
  --badge-destructive-hover-fg: 0 0% 81.2%;
  --badge-destructive-hover-border: 0 0% 23.1%;
  --badge-outline-bg: 0 0% 14.9%;
  --badge-outline-fg: 0 0% 81.2%;
  --badge-outline-border: 0 0% 23.1%;
  --badge-outline-border-width: 1px;
  --badge-outline-radius: 6px;
  --badge-outline-hover-bg: 0 0% 14.9%;
  --badge-outline-hover-fg: 0 0% 81.2%;
  --badge-outline-hover-border: 0 0% 23.1%;
  --header-bg: 0 0% 51%;
  --header-fg: 240 68.3% 16.1%;
  --header-border: 0 0% 27.1%;
  --header-bg-alpha: 1;
  --header-shadow: 0 2px 4px rgba(0,0,0,0.05);
  --header-height: 70px;
  --header-px: 40px;
  --header-py: 0px;
  --header-menu-gap: 5px;
  --header-menu-radius: 24px;
  --header-menu-fg: 0 0% 100%;
  --header-menu-hover-fg: 0 0% 9%;
  --header-menu-bg: 0 0% 51%;
  --header-menu-hover-bg: 0 0% 51%;
  --header-animation-color: 0 0% 69%;
  --header-animation-opacity: 0;
  --header-animation-speed: 25s;
  --header-logo-hover-filter: none;
  --header-logo-hover-opacity: 1;
  --header-dropdown-bg: 0 0% 51%;
  --header-dropdown-fg: 0 0% 81.2%;
  --header-dropdown-border: 0 0% 23.1%;
  --header-dropdown-radius: 6px;
  --header-dropdown-hover-bg: 0 0% 41.2%;
  --header-dropdown-hover-fg: 0 0% 81.2%;
  --header-dropdown-item-radius: 6px;
  --scrollbar-width: 20px;
  --scrollbar-track-bg: 0 0% 51%;
  --scrollbar-track-radius: 0px;
  --scrollbar-thumb-bg: 0 0% 81.2%;
  --scrollbar-thumb-hover-bg: 0 0% 81.2%;
  --scrollbar-thumb-border: 0 0% 23.1%;
  --scrollbar-thumb-border-width: 0px;
  --scrollbar-thumb-radius: 0px;
  --font-body-family: ui-sans-serif, system-ui, sans-serif;
  --font-heading-family: ui-sans-serif, system-ui, sans-serif;
  --font-size-base: 16px;
  --typography-body-color: 0 0% 81.2%;
  --typography-heading-color: 0 0% 81.2%;
  --typography-h1-color: 0 0% 81.2%;
  --typography-h1-size: 2rem;
  --typography-h1-weight: 700;
  --typography-h1-line-height: 1.2;
  --typography-h1-letter-spacing: 0;
  --typography-h1-transform: none;
  --typography-h2-color: 0 0% 81.2%;
  --typography-h2-size: 1.5rem;
  --typography-h2-weight: 600;
  --typography-h2-line-height: 1.3;
  --typography-h2-letter-spacing: 0;
  --typography-h2-transform: none;
  --typography-h3-color: 0 0% 81.2%;
  --typography-h3-size: 1.25rem;
  --typography-h3-weight: 600;
  --typography-h3-line-height: 1.35;
  --typography-h3-letter-spacing: 0;
  --typography-h3-transform: none;
  --typography-p-color: 0 0% 81.2%;
  --typography-p-size: 1rem;
  --typography-p-weight: 400;
  --typography-p-line-height: 1.6;
  --typography-p-letter-spacing: 0;
  --typography-p-transform: none;
  --announcement-overlay-color: 0 0% 0%;
  --announcement-overlay-opacity: 0.6;
   --login-page-bg: 0 0% 100%;
  --login-page-bg-alpha: 1;
  --login-card-bg: 0 0% 96.1%;
  --login-card-fg: 222.2 84% 4.9%;
  --login-card-border: 0 0% 89%;
  --login-card-border-width: 1px;
  --login-card-radius: 0px;
  --login-card-shadow: 0 1px 2px rgba(0,0,0,0.05);
  --login-card-px: 30px;
  --login-card-py: 30px;
  --login-logo-max-height: 75px;
  --login-logo-radius: 0px;
  --login-logo-padding: 2px;
  --login-form-gap: 16px;
  --login-input-radius: 6px;
  --login-button-radius: 6px;
  --login-button-height: 40px;
  --radius: 6px;
}