expand_less

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Oswald&display=swap');





$colorMap: (

  article: #169179#169179,

  icon: #ba372a,

  sketch: #3598db

);



body {

  font-family: 'Montserrat', sans-serif;

}



h1, h2, h3, h4, h5, h6, .d0-card-header-title {

  font-family: 'Oswald', sans-serif;

}



@each $type, $color in $colorMap {

  .SELF-#{$type}.open-view,.SELF-#{$type}, .TYPE-#{$type}.open-view.TYPE-#{$type} {

    .card-header&.open-view, &.closed-view, &.titled-view {

      .card-header {

        background-color: $color;

      

        color: white;

      

        a {

        

          color: white;

        }

      }  

    }

    &.bar-left .card-title {

      color: $color;

    }

  }

}