@media (prefers-color-scheme: dark) {
  :root {
    --primary: var(--md-sys-color-primary);
    --on-primary: var(--md-sys-color-on-primary);
    --primary-container: var(--md-sys-color-primary-container);
    --on-primary-container: var(--md-sys-color-on-primary-container);
    --primary-fixed: var(--md-sys-color-primary-fixed);
    --primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);
    --on-primary-fixed: var(--md-sys-color-on-primary-fixed);
    --on-primary-fixed-variant: var(--md-sys-color-on-primary-fixed-variant);
  
    --secondary: var(--md-sys-color-secondary);
    --on-secondary: var(--md-sys-color-on-secondary);
    --secondary-container: var(--md-sys-color-secondary-container);
    --on-secondary-container: var(--md-sys-color-on-secondary-container);
    --secondary-fixed: var(--md-sys-color-secondary-fixed);
    --secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);
    --on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);
    --on-secondary-fixed-variant: var(--md-sys-color-on-secondary-fixed-variant);
  
    --tertiary: var(--md-sys-color-tertiary);
    --on-tertiary: var(--md-sys-color-on-tertiary);
    --tertiary-container: var(--md-sys-color-tertiary-container);
    --on-tertiary-container: var(--md-sys-color-on-tertiary-container);
    --tertiary-fixed: var(--md-sys-color-tertiary-fixed);
    --tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);
    --on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);
    --on-tertiary-fixed-variant: var(--md-sys-color-on-tertiary-fixed-variant);
  
    --error: var(--md-sys-color-error);
    --on-error: var(--md-sys-color-on-error);
    --error-container: var(--md-sys-color-error-container);
    --on-error-container: var(--md-sys-color-on-error-container);
  
    --surface-dim: var(--md-sys-color-surface-dim);
    --surface: var(--md-sys-color-surface);
    --surface-bright: var(--md-sys-color-surface-bright);
    --surface-container-lowest: var(--md-sys-color-surface-container-lowest);
    --surface-container-low: var(--md-sys-color-surface-container-low);
    --surface-container: var(--md-sys-color-surface-container);
    --surface-container-high: var(--md-sys-color-surface-container-high);
    --surface-container-highest: var(--md-sys-color-surface-container-highest);
    --on-surface: var(--md-sys-color-on-surface);
    --on-surface-variant: var(--md-sys-color-on-surface-variant);
  
    --outline: var(--md-sys-color-outline);
    --outline-variant: var(--md-sys-color-outline-variant);
  
    --inverse-surface: var(--md-sys-color-inverse-surface);
    --inverse-on-surface: var(--md-sys-color-inverse-on-surface);
    --inverse-primary: var(--md-sys-color-inverse-primary);
  
    --scrim: var(--md-sys-color-scrim);
    --shadow: var(--md-sys-color-shadow);
  
    --surface-variant: var(--md-sys-color-surface-variant);
    --surface-tint: var(--md-sys-color-surface-tint);
  
    --background: var(--md-sys-color-background);
    --on-background: var(--md-sys-color-on-background);
  
   --md-sys-color-primary: #def73d;
--md-sys-color-on-primary: #2d3400;
--md-sys-color-primary-container: #b4cc00;
--md-sys-color-on-primary-container: #2e3500;
--md-sys-color-secondary: #def73d;
--md-sys-color-on-secondary: #2d3400;
--md-sys-color-secondary-container: #b4cc00;
--md-sys-color-on-secondary-container: #2e3500;
--md-sys-color-tertiary: #def73d;
--md-sys-color-on-tertiary: #2d3400;
--md-sys-color-tertiary-container: #b4cc00;
--md-sys-color-on-tertiary-container: #2e3500;
--md-sys-color-error: #ffb4ab;
--md-sys-color-on-error: #690005;
--md-sys-color-error-container: #93000a;
--md-sys-color-on-error-container: #ffdad6;
--md-sys-color-surface: #0e0e26;
--md-sys-color-on-surface: #e4e1e9;
--md-sys-color-on-surface-variant: #ccdaeb;
--md-sys-color-outline: #90937a;
--md-sys-color-outline-variant: #464834;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-inverse-surface: #e4e1e9;
--md-sys-color-inverse-on-surface: #303036;
--md-sys-color-inverse-primary: #586400;
--md-sys-color-primary-fixed: #d6ef35;
--md-sys-color-on-primary-fixed: #191e00;
--md-sys-color-primary-fixed-dim: #bad20a;
--md-sys-color-on-primary-fixed-variant: #424b00;
--md-sys-color-secondary-fixed: #d6ef35;
--md-sys-color-on-secondary-fixed: #191e00;
--md-sys-color-secondary-fixed-dim: #bad20a;
--md-sys-color-on-secondary-fixed-variant: #424b00;
--md-sys-color-tertiary-fixed: #d6ef35;
--md-sys-color-on-tertiary-fixed: #191e00;
--md-sys-color-tertiary-fixed-dim: #bad20a;
--md-sys-color-on-tertiary-fixed-variant: #424b00;
--md-sys-color-surface-dim: #010025;
--md-sys-color-surface-bright: #39383f;
--md-sys-color-surface-container-lowest: #0e0e13;
--md-sys-color-surface-container-low: #1b1b21;
--md-sys-color-surface-container: #1b1a3d;
--md-sys-color-surface-container-high: #201f47;
--md-sys-color-surface-container-highest: #33326b;
  }
  

  #logo-svg path{
    fill: white;
 }
}


@media (prefers-color-scheme: light) {
  :root {
    --primary: var(--md-sys-color-primary);
    --on-primary: var(--md-sys-color-on-primary);
    --primary-container: var(--md-sys-color-primary-container);
    --on-primary-container: var(--md-sys-color-on-primary-container);
    --primary-fixed: var(--md-sys-color-primary-fixed);
    --primary-fixed-dim: var(--md-sys-color-primary-fixed-dim);
    --on-primary-fixed: var(--md-sys-color-on-primary-fixed);
    --on-primary-fixed-variant: var(--md-sys-color-on-primary-fixed-variant);
  
    --secondary: var(--md-sys-color-secondary);
    --on-secondary: var(--md-sys-color-on-secondary);
    --secondary-container: var(--md-sys-color-secondary-container);
    --on-secondary-container: var(--md-sys-color-on-secondary-container);
    --secondary-fixed: var(--md-sys -color-secondary-fixed);
    --secondary-fixed-dim: var(--md-sys-color-secondary-fixed-dim);
    --on-secondary-fixed: var(--md-sys-color-on-secondary-fixed);
    --on-secondary-fixed-variant: var(--md-sys-color-on-secondary-fixed-variant);
  
    --tertiary: var(--md-sys-color-tertiary);
    --on-tertiary: var(--md-sys-color-on-tertiary);
    --tertiary-container: var(--md-sys-color-tertiary-container);
    --on-tertiary-container: var(--md-sys-color-on-tertiary-container);
    --tertiary-fixed: var(--md-sys-color-tertiary-fixed);
    --tertiary-fixed-dim: var(--md-sys-color-tertiary-fixed-dim);
    --on-tertiary-fixed: var(--md-sys-color-on-tertiary-fixed);
    --on-tertiary-fixed-variant: var(--md-sys-color-on-tertiary-fixed-variant);
  
    --error: var(--md-sys-color-error);
    --on-error: var(--md-sys-color-on-error);
    --error-container: var(--md-sys-color-error-container);
    --on-error-container: var(--md-sys-color-on-error-container);
  
    --surface-dim: var(--md-sys-color-surface-dim);
    --surface: var(--md-sys-color-surface);
    --surface-bright: var(--md-sys-color-surface-bright);
    --surface-container-lowest: var(--md-sys-color-surface-container-lowest);
    --surface-container-low: var(--md-sys-color-surface-container-low);
    --surface-container: var(--md-sys-color-surface-container);
    --surface-container-high: var(--md-sys-color-surface-container-high);
    --surface-container-highest: var(--md-sys-color-surface-container-highest);
    --on-surface: var(--md-sys-color-on-surface);
    --on-surface-variant: var(--md-sys-color-on-surface-variant);
  
    --outline: var(--md-sys-color-outline);
    --outline-variant: var(--md-sys-color-outline-variant);
  
    --inverse-surface: var(--md-sys-color-inverse-surface);
    --inverse-on-surface: var(--md-sys-color-inverse-on-surface);
    --inverse-primary: var(--md-sys-color-inverse-primary);
  
    --scrim: var(--md-sys-color-scrim);
    --shadow: var(--md-sys-color-shadow);
  
    --surface-variant: var(--md-sys-color-surface-variant);
    --surface-tint: var(--md-sys-color-surface-tint);
  
    --background: var(--md-sys-color-background);
    --on-background: var(--md-sys-color-on-background);
  
   --md-sys-color-primary: #ba1a1a;
   --md-sys-color-on-primary: #ffffff;
   --md-sys-color-primary-container: #ce2e19;
   --md-sys-color-on-primary-container: #ffffff;
   --md-sys-color-secondary: #010025;
   --md-sys-color-on-secondary: #ffffff;
   --md-sys-color-secondary-container: #20205e;
   --md-sys-color-on-secondary-container: #adaef5;
   --md-sys-color-tertiary: #00658e;
   --md-sys-color-on-tertiary: #ffffff;
   --md-sys-color-tertiary-container: #9ad6ff;
   --md-sys-color-on-tertiary-container: #00405c;
   --md-sys-color-error: #ba1a1a;
   --md-sys-color-on-error: #ffffff;
   --md-sys-color-error-container: #ffdad6;
   --md-sys-color-on-error-container: #410002;
   --md-sys-color-surface: #fcf8ff;
   --md-sys-color-on-surface: #1d1b1b;
   --md-sys-color-on-surface-variant: #5b403b;
   --md-sys-color-outline: #90706a;
   --md-sys-color-outline-variant: #e4beb7;
   --md-sys-color-shadow: #000000;
   --md-sys-color-scrim: #000000;
   --md-sys-color-inverse-surface: #303036;
   --md-sys-color-inverse-on-surface: #f3eff8;
   --md-sys-color-inverse-primary: #ffb4a6;
   --md-sys-color-primary-fixed: #ffdad4;
   --md-sys-color-on-primary-fixed: #400200;
   --md-sys-color-primary-fixed-dim: #ffb4a6;
   --md-sys-color-on-primary-fixed-variant: #900c00;
   --md-sys-color-secondary-fixed: #e1dfff;
   --md-sys-color-on-secondary-fixed: #121151;
   --md-sys-color-secondary-fixed-dim: #c1c1ff;
   --md-sys-color-on-secondary-fixed-variant: #3f407e;
   --md-sys-color-tertiary-fixed: #c7e7ff;
   --md-sys-color-on-tertiary-fixed: #001e2e;
   --md-sys-color-tertiary-fixed-dim: #86cfff;
   --md-sys-color-on-tertiary-fixed-variant: #004c6c;
   --md-sys-color-surface-dim: #dcd9e1;
   --md-sys-color-surface-bright: #fcf8ff;
   --md-sys-color-surface-container-lowest: #ffffff;
   --md-sys-color-surface-container-low: #f6f2fb;
   --md-sys-color-surface-container: #ecedf5;
   --md-sys-color-surface-container-high: #eae7ef;
   --md-sys-color-surface-container-highest: #e4e1e9;
  }

  #logo-svg path{
    fill: #010025
 }
}