:root {
  --si-font-family: "Helvetica Neue", Helvetica;
  --si-font-style: "normal";

  --si-text-default: #2f3031;
  --si-basic-black: #000000;
  --si-basic-white: #ffffff;

  --si-black-10: #f6f8fa;
  --si-black-20: #edf1f6;
  --si-black-30: #e4eaf1;
  --si-black-40: #d7dce5;
  --si-black-45: #c9cbcf;
  --si-black-50: #a7b1c2;
  --si-black-60: #6f7e92;
  --si-black-80: #364a63;
  --si-black-90: #1b2532;
  --si-black-95: #0e1319;

  --si-primary-blue-10: #e0f2f8;
  --si-primary-blue-30: #bfe8f9;
  --si-primary-blue-40: #9fd8ef;
  --si-primary-blue-50: #2ab0ed;
  --si-primary-blue-60: #1c84c6;
  --si-primary-blue-70: #1a7bb9;
  --si-primary-blue-80: #1c557c;


  --si-expressive-blue: #0b5eee;
  --si-extend-blue-20: #e6f2ff;
  --si-interactive-default: #0b5fef;

  --si-primary-gray-70: #53575a;
  --si-blue-50: #4C8DF6;
  --si-blue-70: #0C166B;
  --si-blue-80: #0c176a;
  --si-blue-85: #223a53;
  --si-blue-90: #1a2431;

  --si-teal-10: #e4f5fc;
  --si-teal-40: #bce8f1;
  --si-teal-50: #23c6c8;
  --si-teal-60: #27b1ba;
  --si-teal-70: #2a9bab;
  --si-teal-80: #31708f;

  --si-green-05: #f0fdfa;
  --si-green-10: #cbfbf1;
  --si-green-20: #98f6e3;
  --si-green-30: #5deace;
  --si-green-40: #2bd4b2;
  --si-green-50: #1ab394;
  --si-green-60: #0d967b;
  --si-green-70: #0f7561;
  --si-green-80: #134e42;

  --si-expressive-green: #2da96d;
  --si-surface-success-subdued: #f0faf5;
  --si-text-success: #2e8a5c;

  --si-yellow-05: #fffbeb;
  --si-yellow-10: #fef3c7;
  --si-yellow-20: #fde68a;
  --si-yellow-30: #fcd34d;
  --si-yellow-40: #ffc13f;
  --si-yellow-50: #f59e0b;
  --si-yellow-60: #d97706;
  --si-yellow-70: #b45309;
  --si-yellow-80: #92400e;
  --si-yellow-90: #78350f;

  --si-primary-yellow-10: #fffce1;

  --si-extended-yellow-50: #ffde16;

  --si-red-05: #fef2f2;
  --si-red-10: #fee2e2;
  --si-red-20: #fecaca;
  --si-red-30: #fca5a5;
  --si-red-40: #f4645f;
  --si-red-50: #ef4444;
  --si-red-60: #dc2626;
  --si-red-70: #b91c1c;
  --si-red-80: #991b1b;
  --si-red-90: #7f1d1d;

  --si-text-critical: #db361a;

  --si-primary-purple-10: #f2effc;
  --si-primary-purple-20: #5c32d1;
  --si-primary-purple-70: #5c32d1;

  --si-interactive-critical: #db361a;
  --si-surface-critical-subdued: #fef3f1;

  --si-border-default: #979B9F;
  --si-border-hovered: #45474a;
  --si-text-disabled: #777b7e;
  --si-text-subdued: #53575a;

  --padding-left-input: 8px;
  --padding-right-input: 8px;

  --si-icon-disabled: #c9cbcf;
}

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style : normal;
    src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
    src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
          url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
          url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
          url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
          url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}