@media (prefers-color-scheme: light) {
  :root {
    --primary: #1D3466;
    --on-primary: #FFFFFF;
    --primary-container: #566CA1;
    --on-primary-container: #FFFFFF;
    --secondary: #003F2C;
    --on-secondary: #FFFFFF;
    --secondary-container: #307A5E;
    --on-secondary-container: #FFFFFF;
    --tertiary: #402B62;
    --on-tertiary: #FFFFFF;
    --tertiary-container: #78629D;
    --on-tertiary-container: #FFFFFF;
    --error: #740006;
    --on-error: #FFFFFF;
    --surface: #FAF8FF;
    --on-surface: #0F1116;
    --on-surface-variant: #34363E;
    --outline: #50525A;
    --outline-variant: #6B6D75;
    --surface-container-lowest: #FFFFFF;
    --surface-container-low: #F4F3FA;
    --surface-container: #E8E7EF;
    --surface-container-high: #DDDCE3;
    --surface-container-highest: #D1D1D8;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #D1DCFF;
    --on-primary: #072355;
    --primary-container: #7A90C8;
    --on-primary-container: #000000;
    --secondary: #A1ECCA;
    --on-secondary: #002C1E;
    --secondary-container: #569E80;
    --on-secondary-container: #000000;
    --tertiary: #E7D5FF;
    --on-tertiary: #2E1A50;
    --tertiary-container: #9D86C3;
    --on-tertiary-container: #000000;
    --error: #FFD2CC;
    --on-error: #540003;
    --surface: #121318;
    --on-surface: #FFFFFF;
    --on-surface-variant: #DBDCE6;
    --outline: #B0B1BB;
    --outline-variant: #8E9099;
    --surface-container-lowest: #06070C;
    --surface-container-low: #1C1D23;
    --surface-container: #26282D;
    --surface-container-high: #313238;
    --surface-container-highest: #3C3D43;
  }
}