/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

:root {

  /* BRAND COLOR TOKENS */
  --complementary-token-50: #FCF7F6;
  --complementary-token-100: #FCE7EA;
  --complementary-token-200: #FED6CC;
  --complementary-token-300: #FF9D86;
  --complementary-token-400: #FF5C35;
  --complementary-token-500: #E6502C;
  --complementary-token-600: #CC492A;
  --complementary-token-700: #B43F24;
  --complementary-token-800: #CB5800;
  --complementary-token-900: #913300;
  --complementary-token-950: #710815;
/* END BRAND COLOR TOKENS */

  /* COMPLEMENTARY COLOR TOKENS */
/* END COMPLEMENTARY COLOR TOKENS */


  --brand-primary-color: var(--primary-color);
  --izibizi-primary-color: var(--primary-color);
  --izibizi-surface-color: #F5F6FA;
  --izibizi-primary-color-hover: var(--dark-primary-color);

  --primary-color-hover: var(--primary-color);

  --dark-primary-color-rgb: 64, 86, 162;

  --banking-card-hover: hsl(212deg 53% 95%);

  /* --material-font-family: 'Poppins', sans-serif !important; */

  --no-grid--background-color: white;
  --no-grid--icon--background-color: var(--color__primary--10);
  --no-grid--icon--padding: 40px;
  --no-grid--icon--border-radius: 50%;
  --no-grid--icon--border: 1px solid var(--color__primary--40);
  --no-grid--icon--color: var(--primary-color);

  --no-grid--icon--width: 60px;
  --no-grid--icon--height: 60px;

}