/* Issuer Profile */
:root {
  /* Utility Colors */
  --white: #fff;
  --gray-10:  #F4F6F8;
  --gray-20:  #E9EBF0;
  --gray-30:  #D2D6E2;
  --gray-40:  #D5D5D4;
  --gray-50:  #A9A9A8;
  --gray-60:  #7C7C7B;
  --gray-70:  #9294A4;
  --gray-80:  #5E6071;
  --gray-90:  #4C4E61;
  --gray-100: #4D4C4C;

  --black: #000;

  /* Brand Colors */
  --primary-05:  #A3B8D6;
  --primary-10:  #4A6B9A;
  --primary-20:  #1E4A7A;
  --primary-30:  #0E2E6A;
  --primary-40:  #070B5A;
  --primary-50:  #070B5A;
  --primary-60:  #000740;
  --primary-70:  #000640;
  --primary-80:  #000529;
  --primary-90:  #000429;
  --primary-100: #000329;

  /* Secondary Colors */
  --secondary-05:  #C7F4FE;
  --secondary-10:  #93EAFE;
  --secondary-20:  #64E1FD;
  --secondary-30:  #3ED7FD;
  --secondary-40:  #29CDFD;
  --secondary-50:  #29CDFD;
  --secondary-60:  #1AB8E0;
  --secondary-70:  #0DA3C4;
  --secondary-80:  #0091A8;
  --secondary-90:  #00809A;
  --secondary-100: #00728D;



  /* Text Colors */
  --text-light: var(--gray-50);
  --text-main: var(--gray-70);
  --text-dark: var(--gray-100);

  /* Global Colors */
  --primary-main: var(--primary-50);
  --primary-hover: var(--primary-70);
  --primary-dark: var(--primary-80);
  --primary-disabled: var(--primary-30);
  --secondary-main: var(--gray-20);
  --secondary-hover: var(--gray-30);
  --secondary-dark: var(--gray-40);

  --main-background: #E8EBF1;
  --header-background: var(--white);
  --footer-background: var(--white);
  --card-background: var(--white);
  --border-card-footer: var(--gray-30);
  --primary-button-default-background: var(--primary-main);
  --primary-button-hover-background: var(--secondary-50);
  --primary-button-active-background: var(--primary-dark);
  --primary-button-disabled-background: var(--primary-disabled);
  --primary-button-focus-outline: var(--primary-90);
  --color-button-on-primary: var(--white);
  --secondary-button-default-background: var(--secondary-main);
  --secondary-button-hover-background: var(--secondary-hover);
  --secondary-button-active-background: var(--secondary-dark);
  --secondary-button-focus-outline: var(--primary-90);
  --color-button-on-secondary: var(--gray-70);
  --color-body: var(--black);
  --color-link: var(--primary-main);
  --color-link-hover: var(--secondary-50);
  --netcetera-auth-button-border: #356FD3;
  --netcetera-auth-button-color: #356FD3;
  --netcetera-auth-button-hover: #F0F8FF;
  --netcetera-auth-button-active: #BCD8FA;
  --side-drawer-background: var(--white);
  --hero-title: var(--white);
}