html {
  --cl-transparent:#transparent;
  --cl-black:#000;
  --cl-white:#fff;
  --cl-white-smoke:#f2f2f2;
  --cl-gainsboro:#e0e0e0;
  --cl-silver:#bdbdbd;
  --cl-gray:#828282;
  --cl-suva-gray:#8e8e8e;
  --cl-matterhorn:#4f4f4f;
  --cl-burnt-sienna: #eb5757;
  --cl-buccaneer: #755;
  --cl-forest-green: #308c14;
  --cl-puerto-rico: #4dba87;
  --cl-clavis-red: #D54A46;
  --cl-clavis-red-dark: #B81F34;
  --cl-mine-shaft: #333;
  --cl-submarine: #999;
  --cl-salmon: #F6EDE4;
  --cl-salmon-rgb: 246,237,228;
  --cl-green: #f2fffa;
}