:root {
  --color-brand-rgb: 18, 38, 70;
  --color-brand: none;
  
  --md-sys-color-primary: #1226AA;
  --md-sys-color-on-primary: #ffffff;
  --md-sys-color-primary-container: #dee0ff;
  --md-sys-color-on-primary-container: #000767;
  --md-sys-color-secondary: #01BAA3;
  --md-sys-color-on-secondary: #ffffff;
  --md-sys-color-secondary-container: #178993;
  --md-sys-color-on-secondary-container: #00201a;
  --md-sys-color-tertiary: #bc004b;
  --md-sys-color-on-tertiary: #ffffff;
  --md-sys-color-tertiary-container: #ffd9df;
  --md-sys-color-on-tertiary-container: #3f0013;
  --md-sys-color-outline: #79747E;
  --md-sys-color-background: #FFFBFE;
  --md-sys-color-on-background: #1C1B1F;
  --md-sys-color-surface: #FFFBFE;
  --md-sys-color-on-surface: #1C1B1F;
  --md-sys-color-surface-variant: #E7E0EC;
  --md-sys-color-on-surface-variant: #49454F;
  --md-sys-color-inverse-surface: #313033;
  --md-sys-color-inverse-on-surface: #F4EFF4;

  --md-sys-color-primary-rgb: 18, 38, 179;
  --md-sys-color-secondary-rgb: 1, 186, 163;
  --md-sys-color-tertiary-rgb: 18, 38, 17;

  --md-sys-color-on-primary-rgb: 255, 255, 255;
  --md-sys-color-on-secondary-rgb: 255, 255, 255;
  --md-sys-color-on-tertiary-rgb: 255, 255, 255;
  
  --md-sys-color-background-rgb: 255, 251, 254;
  --md-sys-color-surface-rgb: 255, 251, 254;
  
}

:host[dark] {
  --md-sys-color-error: #F2B8B5;
  --md-sys-color-error-rgb: 242, 184, 181;
  --md-sys-color-on-error: #601410;
  --md-sys-color-error-container: #8C1D18;
  --md-sys-color-on-error-container: #F9DEDC;

  --md-sys-color-success: #7ddd53;
  --md-sys-color-success-rgb: 125, 221, 83;
  --md-sys-color-on-success: #0a3900;
  --md-sys-color-success-container: #145200;
  --md-sys-color-on-success-container: #98fa6d;

  --md-sys-color-warning: #ffb865;
  --md-sys-color-on-warning: #492900;
  --md-sys-color-warning-container: #683c00;
  --md-sys-color-on-warning-container: #ffdcb8;
}

:root {
  --md-sys-color-orange: #e6a03a;
  --md-sys-color-green: #459a64;
  --md-sys-color-red: #b43236;

  --md-sys-color-error: #b3261e;
  --md-sys-color-error-rgb: 179, 38, 30;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #F9DEDC;
  --md-sys-color-on-error-container: #410E0B;
  
  --md-sys-color-success: var(--md-sys-color-green);
  --md-sys-color-success-rgb: 30, 109, 0;
  --md-sys-color-on-success: #ffffff;
  --md-sys-color-success-container: #98fa6d;
  --md-sys-color-on-success-container: #042100;
  
  --md-sys-color-warning: var(--md-sys-color-orange);
  --md-sys-color-on-warning: #ffffff;
  --md-sys-color-warning-container: #ffdcb8;
  --md-sys-color-on-warning-container: #2c1600;
  
}

:root {

  --color-disabled-text: #646464;
  --color-secondary-text: #555;

  --color-brand: #7f5361;
  --color-brand-rgb: 125, 82, 96;
  
  --color-gray-darker: rgb(101, 119, 135);
  --color-gray-dark: rgb(144, 149, 153);
  --color-gray: rgb(207, 210, 212);
  --color-gray-light: rgb(225, 227, 230);
  --color-gray-lighter: rgb(245, 248, 250);
  --color-gray-lightest: rgb(255, 255, 255);
}